What problem does it solve?
Many projects lack a clear, up‑to‑date inventory of their design system, making it hard for teams to understand existing components, tokens, and conventions. This Skill automatically scans the workspace and produces comprehensive documentation, keeping the design system visible and maintainable.
Core Features & Use Cases
- Tech stack detection: Identifies package managers, framework configurations, and styling approaches.
- Component inventory: Lists up to 30 components with names, paths, and usage patterns.
- Token and theming extraction: Gathers Tailwind extensions, CSS variables, and theme files.
- Design conventions summary: Captures naming, export, and file‑organization patterns.
- Design concerns report: Highlights accessibility gaps, token coverage issues, and other debt.
Quick Start
Run the /gsp-design-system command at the root of your project to generate a full design system audit.