SKILL26Product design
Designing UI Systems
Turns repeated interface decisions into semantic foundations, reusable component contracts, explicit states, and responsive rules.
Primary benefit
Keeps experiences consistent and reusable across screens without over-abstracting one-off design.When to use
Use when a project needs reusable UI tokens, component conventions, variants, responsive rules, or a coherent design system across multiple screens or features.
When not to use
Do not use to tokenize an isolated one-off design or create variants and abstractions that no real screen requires.
Use cases
Define semantic tokens and foundations for a multi-screen product
Standardize accessible component variants and responsive behavior
Example prompts
Use designing-ui-systems to turn these repeated interface patterns into a coherent token and component system.Install this skill
Choose the command for your operating system and run it from the repository root.
Bash
./install.sh --skill designing-ui-systemsPowerShell
./install.ps1 --skill designing-ui-systemsChatGPT
Download Skill ZIPCompatibility
- Surfaces
- ChatGPT · Codex · Claude Code
- Operating systems
- Linux · macOS · Windows
- Install modes
- PluginFilesystem
Dependencies
No external dependencies
Part of systems
Curated systems that canonically include this method.
Used in evidence
Reports that explicitly list this method among the applied methods.