design-system-patterns
Architect scalable design systems using multi-layer tokens, theme switching, and component composition patterns.
Install
npx skills add https://github.com/wshobson/agents --skill design-system-patternsStats
| Total installs | 5,605 |
| Weekly installs | 5.6K |
| GitHub stars | 32.4K |
| First seen | Jan 20, 2026 |
| Source | @wshobson/agents |
Summary
- Covers three-layer token organization: primitive tokens (raw values), semantic tokens (contextual meaning), and component tokens (specific usage)
- Includes theme switching patterns with CSS custom properties, React context providers, system preference detection, and persistent storage
- Provides component architecture patterns including compound components, polymorphic variants, and slot-based composition
- Supports multi-platform token generation via Style Dictionary for CSS, iOS, Android, and SCSS with Figma-to-code synchronization
Tags
Related skills
| Skill | Installs | vs design-system-patterns |
|---|---|---|
| visual-design-foundations | 4,527 | -1,078 |
| data-visualization | 7,898 | +2,293 |
| qa-test-planner | 3,498 | -2,107 |
| angular-directives | 3,416 | -2,189 |
| baseline-ui | 5,980 | +375 |
FAQ
- How many installs does design-system-patterns have?
- design-system-patterns has 5,605 total installs and 5.6K installs this week.
- Where is design-system-patterns hosted?
- design-system-patterns is published by @wshobson/agents at https://github.com/wshobson/agents.
- How many GitHub stars does design-system-patterns have?
- design-system-patterns has 32.4K GitHub stars.
- When was design-system-patterns first indexed?
- OrangeBot.AI first indexed design-system-patterns on Jan 20, 2026.
- How do I install design-system-patterns?
- Run: npx skills add https://github.com/wshobson/agents --skill design-system-patterns