Create Design System Rules
figma/mcp-server-guideDesign system rules are instructions that tell AI coding agents how to write code that matches your team's style. This skill creates those rules for your project automatically.
You connect it to your Figma files and your codebase. The rules make sure every component uses the right naming, location, and styling. No more repeating the same instructions every time.
This helps teams save time and keep code quality high. It works with popular AI coding tools like Claude Code, Codex CLI, and Cursor.
Add Create Design System Rules skill to your workflow
Global
mkdir -p ~/.claude/skills/create-design-system-rulesProject
mkdir -p .claude/skills/create-design-system-rulesSource Repository
More AI & Agent Building Claude Code Skills
Find Skillsvercel-labs/skills
Find and install the perfect skill to extend your AI agent
Microsoft Foundrymicrosoft/azure-skills
Build, deploy, and improve AI agents on Microsoft Foundry from start to finish
Azure Aimicrosoft/azure-skills
Search, transcribe, and analyze with Azure AI tools for smarter apps
Azure Hosted Copilot Sdkmicrosoft/azure-skills
Build, deploy, and manage your Copilot SDK apps on Azure with ease
Triagemattpocock/skills
Triage issues with a state machine driven by clear roles and agent briefs
Handoffmattpocock/skills
Hand off your work to another AI agent with a clear summary
Image Editagentspace-so/runcomfy-agent-skills
Smart router picks the best AI model for your image editing needs
Agentspaceagentspace-so/skills
See your AI agent's live folder from any browser instantly