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”
13 skills
vikingokft shadcn-ui
Integrates shadcn/ui components into projects, covering discovery, installation, customization, and best practices.
0 · bundle
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
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
More results
antigravity ui-pattern
Generate reusable UI patterns such as card sections, grids, lists, forms, and chart wrappers using StyleSeed Toss primitives.
42.4k
adobe create-component
Creates complete AEM components with dialog, HTL template, Sling Model, unit tests, and clientlibs. Supports extending Core Components and project components, and can translate Figma designs into pixel-perfect HTL, CSS, and JS.
142 · bundle
google-labs-code stitch-react-components
Converts Stitch designs into modular Vite and React components, or syncs existing components to match updated designs.
6.4k · bundle
antigravity ui-motion
Apply named StyleSeed motion to React components using framer-motion, with personality seeds and keyword moves from a motion library.
42.4k
openai figma-implement-design
Translates Figma designs into production-ready application code with pixel-perfect accuracy, using the Figma MCP server to fetch design context, screenshots, and assets.
23.3k · bundle
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
tinh2 ui-craft
Polishes UI primitives one at a time using research-backed patterns: adds loading and icon states to buttons, replaces inline skeletons with primitives, adds secondary actions to errors, ensures 48px touch targets and visible focus indicators, and applies a standard motion token ladder.
13