Packs
2 packscurated
Component Spec and Pattern Library
Document component anatomy, variants, and usage patterns for consistent implementation.
5 skills · pack
curated
Create Design System Documentation
Generate component specifications, pattern library entries, and design system documentation for UI consistency.
8 skills · pack
Results for “component-library”
10 skills
drnabeelkhan design-resources
Provides a curated library of design references covering typography, color systems, component patterns, animation, accessibility, and critique frameworks, plus a catalog of 59 brand design systems for UI generation.
2 · bundle
voltagent airbnb-design-analysis
Analyzes Airbnb's design system including color palette, typography, shape language, and component patterns for use in design projects.
50.9k · bundle
openai figma-generate-library
Build or update a professional-grade design system in Figma from a codebase, creating variables, tokens, component libraries, theming, and documentation.
23.3k · bundle
More results
owl-listener design-system-adoption
Create adoption strategies and materials to drive design system usage across teams.
1.7k
joshuashepherd design-chain
Audits and enforces a five-layer design chain (tokens, Tailwind, primitives, sections, pages) across components and pages, detecting hardcoded values, layer violations, dark mode parity issues, and missing primitives.
1
owl-listener pattern-library
Structure a pattern library entry with problem context, solution pattern, usage examples, and related patterns.
1.7k
owl-listener component-spec
Creates detailed component specifications for design systems, covering anatomy, variants, states, accessibility, and usage guidelines.
1.7k
antigravity ui-pattern
Generate reusable UI patterns such as card sections, grids, lists, forms, and chart wrappers using StyleSeed Toss primitives.
42.4k
akillness design-system
Define or refactor a shared frontend UI system by establishing token governance, visual-language rules, primitive naming, and cross-product consistency before polishing individual screens.
42 · bundle
openai figma-create-design-system-rules
Generates custom design system rules for AI coding agents by analyzing a project's codebase and conventions, then saving them to the appropriate rule file (CLAUDE.md, AGENTS.md, or .cursor/rules).
23.3k · bundle