figma-create-design-system-ruleslisted

# Create Design System Rules ## Overview 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 automatically. ### Supported Rule Files | Agent | Rule File | |-------|-----------| | Claude Code | `AGENTS.md` (or `CLAUDE.md` symlink) | | opencode | `AGENTS.md` (or `CLAUDE.md` symlink) | | Cursor | `.cursor/rules/figma-design-system.mdc` | | Gemini CLI | `GEMINI.md` (or symlink to `AGENTS.md`) | | GitHub Copilot | `.github/copilot-instructions.md` (or symlink to `AGENTS.md`) | | Windsurf | `.windsurfrules` | > agent-toolkit convention: prefer a single `AGENTS.md` and symlink the tool-specific > files to it. See the workstation `AGENTS.md` portability table for details. ## What Are Design System Rules? Design system rules are project-level instructions that encode the "unwritten knowledge" of your codebase - the kind of expertise that experienced developers know and would pass on to new team members: - Which layout primitives and components to use - Where component files should be located - How components should be named and structured - What should never be hardcoded - How to handle design tokens and styling - Project-specific architectural patterns Once defined, these rules dramatically reduce repetitive prompting and