gsp-design-system
CommunityInstantly audit and document your design system.
Authorjubscodes
Version1.0.0
Installs0
System Documentation
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.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: gsp-design-system Download link: https://github.com/jubscodes/get-shit-pretty/archive/main.zip#gsp-design-system Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.