design-system-enforcement

14

Mandatory design system guidelines for shadcn/ui with Tailwind v4. Enforces 4 font sizes, 2 weights, 8pt grid spacing, 60/30/10 color rule, OKLCH colors, and accessibility standards. Use when creating components, pages, or any UI elements. ALL agents MUST read and validate against design system before generating code.

Marketplace

Third-Party Agent Skill: Review the code before installing. Agent skills execute in your AI assistant's environment and can access your files. Learn more about security

Installation for Agentic Skill

View all platforms →
skilz install vanman2024/ai-dev-marketplace/design-system-enforcement
skilz install vanman2024/ai-dev-marketplace/design-system-enforcement --agent opencode
skilz install vanman2024/ai-dev-marketplace/design-system-enforcement --agent codex
skilz install vanman2024/ai-dev-marketplace/design-system-enforcement --agent gemini

First time? Install Skilz: pip install skilz

Works with 14 AI coding assistants

Cursor, Aider, Copilot, Windsurf, Qwen, Kimi, and more...

View All Agents
Download Agent Skill ZIP

Extract and copy to ~/.claude/skills/ then restart Claude Desktop

1. Clone the repository:
git clone https://github.com/vanman2024/ai-dev-marketplace
2. Copy the agent skill directory:
cp -r ai-dev-marketplace/plugins/nextjs-frontend/skills/design-system-enforcement ~/.claude/skills/

Need detailed installation help? Check our platform-specific guides:

Related Agentic Skills

Agentic Skill Details

Type
Non-Technical
Meta-Domain
productivity
Primary Domain
pdf
Market Score
14

Report Security Issue

Found a security vulnerability in this agent skill?