Component Spec and Pattern Library
curated by SkillMD · plugin · 5 skills
Document component anatomy, variants, and usage patterns for consistent implementation.
Install the whole plugin (CLI)
npx skillmds add owl-listener/component-spec
npx skillmds add owl-listener/pattern-library
npx skillmds add antigravity/ui-pattern
npx skillmds add owl-listener/design-review-process
npx skillmds add nextlevelbuilder/design-systemSkills in this plugin
- ▌ 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.