Use this skill when the user needs to create a design system, establish UI patterns, choose colors and typography, or ensure visual consistency across their SaaS app. Operates in CREATE mode (new apps), MODIFY mode (updating existing systems), or WORK WITHIN mode (building features that follow established patterns).
Installation
SKILL.md
Manage your app's design system through instructions/design-system.md - the single source of truth for all UX/UI work.
CREATE → No design system yet, or extracting from existing code MODIFY → Have a design system, need to update it WORK WITHIN → Have a design system, building features that follow it
Generate a new instructions/design-system.md from one of these entry points:
Use this skill when the user needs to create a design system, establish UI patterns, choose colors and typography, or ensure visual consistency across their SaaS app. Operates in CREATE mode (new apps), MODIFY mode (updating existing systems), or WORK WITHIN mode (building features that follow established patterns). Source: whawkinsiv/claude-code-superpowers.
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/whawkinsiv/claude-code-superpowers --skill design- Category
- *Creative Media
- Verified
- ✓
- First Seen
- 2026-02-11
- Updated
- 2026-02-18
Quick answers
What is design?
Use this skill when the user needs to create a design system, establish UI patterns, choose colors and typography, or ensure visual consistency across their SaaS app. Operates in CREATE mode (new apps), MODIFY mode (updating existing systems), or WORK WITHIN mode (building features that follow established patterns). Source: whawkinsiv/claude-code-superpowers.
How do I install design?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/whawkinsiv/claude-code-superpowers --skill design Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor
Where is the source repository?
https://github.com/whawkinsiv/claude-code-superpowers
Details
- Category
- *Creative Media
- Source
- skills.sh
- First Seen
- 2026-02-11