10 actions in 10 pieces of software · ranked by words, meaning and measured trust · 182 ms

1. 1create-design-system-rulesverified and signedpassport

   skillfigma/mcp-server-guiderecord

   • create-design-system-rules

     Generates custom design system rules for the user's codebase. Use when user says "create design system rules", "generate rules for my project", "set up design rules", "customize design system guidelines", or wants to establish project-specific conventions for Figma-to-code workflows. Requires Figma

2. 2figma-create-design-system-rulesverified and signedpassport

   skillopenai/skillsrecord

   • figma-create-design-system-rules

     Generates custom design system rules for the user's codebase. Use when user says "create design system rules", "generate rules for my project", "set up design rules", "customize design system guidelines", or wants to establish project-specific conventions for Figma-to-code workflows. Requires Figma

3. 3figma-create-design-system-rulesverified and signedpassport

   skillnexu-io/open-designrecord

   • figma-create-design-system-rules

     Generate project-specific design system rules for Figma-to-code workflows. Useful for capturing tokens, naming, and lint rules in one source.

4. 4zyroxfound in code, not yet checkedno passport yet

   MCP serversanghanihimanshu/zyrox

   • create_design_system_rules

     Generates a Markdown rules file describing the app's components, tokens, actions and screen-building rules. Save it in the repository (e.g. .claude/rules/zyrox-design-system.md or AGENTS.md) so future work follows the design system.

5. 5Moke MCPfound in code, not yet checkedno passport yet

   MCP serverbosong/MOKE_MCP

   • create_design_system_rules

     基于设计文件中的 Design Token 和组件，生成框架特定的设计系统规范文档（Markdown 格式）。

6. 6Figma Context MCP AIRfound in code, not yet checkedno passport yet
   • create_design_system_rules

     Generate a comprehensive design system rules template tailored to your project's programming languages and frontend framework. Returns a detailed markdown document covering component organization, design token usage, Figma MCP integration workflow, styling conventions, asset handling, and project-sp

7. 7Wellx Design System MCPfound in code, not yet checkedno passport yet
   • get_rules

     Full rules for one area of the design system.

8. 8next-design-overlayfound in code, not yet checkedno passport yet
   • get_design_rules

     Get accumulated design system rules and best practices.

9. 9design-systemverified and signedpassport

   skilljezweb/claude-skillsrecord

   • design-system

     Extract a complete design system from an existing website or screenshot into a DESIGN.md file. Analyses colours, typography, component styles, spacing, and atmosphere through browser automation and HTML inspection. Produces a semantic design system document optimised for consistent page generation.

10. 10design-architect-mcpfound in code, not yet checkedno passport yet
    • get_design_system

      Returns the full design system configuration (tokens, principles, layout rules, components, accessibility rules,