# Create Design System Rules

> Generates custom design system rules for your codebase. Establishes project-specific conventions for Figma-to-code workflows.

- Skill: `varunk130/create-design-system-rules` (Agent Skill)
- Install (CLI): `npx skillmds@latest add varunk130/create-design-system-rules`
- Raw SKILL.md: https://api.skillmd.com/api/skills/varunk130/create-design-system-rules/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Design & Media
- Author: varunk130 (https://skillmd.com/u/varunk130)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/varunk130/create-design-system-rules

---


# Create Design System Rules

Generates rules for CLAUDE.md, AGENTS.md, or .cursor/rules/. Analyzes codebase for component organization, styling approach, naming conventions, and architecture. Creates actionable rules for consistent Figma-to-code translation.