Component Spec and Pattern Library
Document component anatomy, variants, and usage patterns for consistent implementation.
Skills in this plugin
5- ▌ Component Spec · owl-listenerCreates detailed component specifications for design systems, covering anatomy, variants, states, accessibility, and usage guidelines.
- ▌ Pattern Library · owl-listenerStructure a pattern library entry with problem context, solution pattern, usage examples, and related patterns.
- ▌ UI Pattern · antigravityGenerate reusable UI patterns such as card sections, grids, lists, forms, and chart wrappers using StyleSeed Toss primitives.
- ▌ Design Review Process · owl-listenerEstablish design review gates with criteria, checklists, and approval workflows to maintain design quality.
- ▌ Design System · nextlevelbuilder bundleCreates and manages design tokens with a three-layer architecture (primitive, semantic, component), generates CSS variables and component specifications, and produces brand-compliant slide presentations with Chart.js integration.