design-system-architect

12

Expert guide for creating design systems using Atomic Design methodology. Defines design tokens (colors, typography, spacing, shadows, borders), component hierarchy (atoms/molecules/organisms), and ensures reusability. Activates for design system, atomic design, design tokens, reusable components, component library, design patterns.

Also in: ci cd data analysis

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 anton-abyzov/sw-soccer-manager/design-system-architect
skilz install anton-abyzov/sw-soccer-manager/design-system-architect --agent opencode
skilz install anton-abyzov/sw-soccer-manager/design-system-architect --agent codex
skilz install anton-abyzov/sw-soccer-manager/design-system-architect --agent gemini

First time? Install Skilz: pip install skilz

Works with 22+ 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/anton-abyzov/sw-soccer-manager
2. Copy the agent skill directory:
cp -r sw-soccer-manager/fantasy-league-simulator-011CUyYf2FjxNwxxVN18853h/plugins/specweave-frontend/skills/design-system-architect ~/.claude/skills/

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

Related Agentic Skills

Agentic Skill Details

Type
Non-Technical
Meta-Domain
development
Primary Domain
javascript
Market Score
12

Report Security Issue

Found a security vulnerability in this agent skill?