create-design-system-rules
figma/mcp-server-guide
This skill helps you generate custom design system rules tailored to your project's specific needs. These rules guide AI coding agents to produce consistent, high-quality code when implementing Figma designs, ensuring that your team's conventions, component patterns, and architectural decisions are followed...
npx skills add https://github.com/figma/mcp-server-guide --skill create-design-system-rules
Source description provided by the upstream skill listing. Community reviews and install context appear in the sections below.
Latest reviews
No community reviews yet. Be the first to review.
What does create-design-system-rules do?
This skill helps you generate custom design system rules tailored to your project's specific needs. These rules guide AI coding agents to produce consistent, high-quality code when implementing Figma designs, ensuring that your team's conventions, component patterns, and architectural decisions are followed...
Is create-design-system-rules good?
create-design-system-rules does not have approved reviews yet, so SkillJury cannot publish a community verdict.
What agent does create-design-system-rules work with?
create-design-system-rules currently lists compatibility with codex, gemini-cli, opencode, cursor, kimi-cli, github-copilot, claude-code.
What are alternatives to create-design-system-rules?
Skills in the same category include telegram-bot-builder, flutter-app-size, sharp-edges, iterative-retrieval.
How do I install create-design-system-rules?
npx skills add https://github.com/figma/mcp-server-guide --skill create-design-system-rules
More from figma/mcp-server-guide
code-connect-components
by figma/mcp-server-guide
This skill helps you connect Figma design components to their corresponding code implementations using Figma's Code Connect feature. It analyzes the Figma design structure, searches your codebase for matching components, and establishes mappings that maintain design-code consistency.
implement-design
by figma/mcp-server-guide
This skill provides a structured workflow for translating Figma designs into production-ready code with pixel-perfect accuracy. It ensures consistent integration with the Figma MCP server, proper use of design tokens, and 1:1 visual parity with designs.
Alternatives in Software Engineering
telegram-bot-builder
by sickn33/antigravity-awesome-skills
Source details, install context, and public review data are available on the full page.
flutter-app-size
by flutter/skills
Analyzes and optimizes Flutter application size by measuring build artifacts, generating size analysis reports, utilizing Dart DevTools for component breakdown, and implementing specific size reduction strategies such as debug info splitting, resource compression, and platform-specific tree-shaking. Assumes a...
sharp-edges
by trailofbits/skills
Evaluates whether APIs, configurations, and interfaces are resistant to developer misuse. Identifies designs where the "easy path" leads to insecurity.
iterative-retrieval
by affaan-m/everything-claude-code
Solves the "context problem" in multi-agent workflows where subagents don't know what context they need until they start working.