ui-kit
CommunityGenerate scalable UI Kits
Design & Creative#html generation#design system#component library#frontend development#pdf export#ui kit
Authorsamura-dev
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill automates the creation of comprehensive and scalable UI Kits for projects, ensuring consistency and adherence to design principles.
Core Features & Use Cases
- Automated UI Kit Generation: Creates a self-contained HTML file representing the project's UI components and foundations.
- Two-Phase Process: Generates HTML first, allowing for operator review and edits, before proceeding to PDF generation upon explicit command.
- Use Case: A designer or developer can quickly generate a visual reference of all buttons, input fields, color palettes, and typography used in a project, which can then be exported as a PDF for documentation or sharing.
Quick Start
Use the ui-kit skill to build the project's UI Kit.
Dependency Matrix
Required Modules
puppeteer
Components
scriptsreferences
💻 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-kit Download link: https://github.com/samura-dev/antigravity-kit/archive/main.zip#ui-kit 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.