ui-implementor
CommunityTurn design tokens into production-ready UI.
Authorydnikolaev
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This skill translates design tokens and system specifications into a production-ready frontend component library, accelerating consistent UI implementation.
Core Features & Use Cases
- Token-driven conversion: generates a Tailwind configuration and CSS theming from design tokens.
- Component generation: builds shadcn-based Vue or React components aligned to tokens and design specs.
- Theming & accessibility: implements light/dark theming and accessible component states across breakpoints.
Quick Start
Provide design tokens from the design team (e.g., project/docs/active/design) and run the token-to-code workflow to generate Tailwind config, theming, and initial shadcn components.
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: ui-implementor Download link: https://github.com/ydnikolaev/antigravity-factory/archive/main.zip#ui-implementor 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 223,000+ vetted skills library on demand.