frontend-design-system
A skill for generating and managing production-grade UI design systems with tokens, layouts, and accessibility.
Install
npx skills add https://github.com/supercent-io/skills-template --skill frontend-design-systemStats
| Total installs | 8,492 |
| Weekly installs | 8.5K |
| GitHub stars | 88 |
| First seen | Jan 24, 2026 |
| Source | @supercent-io/skills-template |
Summary
- Provides structured design token system covering colors, typography, spacing, shadows, and breakpoints for consistent scaling across projects
- Includes layout specification templates for different page types (landing, dashboard, form, blog, e-commerce) with responsive breakpoint rules
- Offers motion guidelines with easing curves, transition durations, and interaction patterns for hover states and page transitions
- Built-in accessibility checklist covering WCAG 2.1 AA compliance, keyboard navigation, screen reader support, and readability standards
- Generates component handoff packages with prop specifications, CSS summaries, and multi-agent validation workflows for design review
Tags
typescriptcssllmfrontenddesign-systemcode-qualityarchitecturedocumentationbest-practicesgeneratoragent-skill
Related skills
| Skill | Installs | vs frontend-design-system |
|---|---|---|
| interface-design | 9,738 | +1,246 |
| legacy-circuit-mockups | 7,586 | -906 |
| pptx-presentation-builder | 7,979 | -513 |
| og-image-design | 7,360 | -1,132 |
| remotion-video-production | 8,921 | +429 |
FAQ
- How many installs does frontend-design-system have?
- frontend-design-system has 8,492 total installs and 8.5K installs this week.
- Where is frontend-design-system hosted?
- frontend-design-system is published by @supercent-io/skills-template at https://github.com/supercent-io/skills-template.
- How many GitHub stars does frontend-design-system have?
- frontend-design-system has 88 GitHub stars.
- When was frontend-design-system first indexed?
- OrangeBot.AI first indexed frontend-design-system on Jan 24, 2026.
- How do I install frontend-design-system?
- Run: npx skills add https://github.com/supercent-io/skills-template --skill frontend-design-system