create-design-guidelines
CommunityGenerate a comprehensive design guide for UI projects with AI.
Authoritsjavi
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill automates the creation of design guides for web and mobile UI projects, providing a standardized and consistent reference for designers, developers, and AI agents.
Core Features & Use Cases
- Automated Documentation: Generates
DESIGN.mdfiles that encapsulate visual and interaction design guidelines. - Contextual Awareness: Utilizes project context to infer framework, styling, UI library, and brand colors.
- Customizable Outputs: Offers a range of sections from typography to motion, with options for dark mode and internationalization.
Quick Start
Generate a design guide for your project with the create-design-guidelines skill.
Dependency Matrix
Required Modules
None requiredComponents
scriptsreferencesassets
💻 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: create-design-guidelines Download link: https://github.com/itsjavi/skills/archive/main.zip#create-design-guidelines 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 620,000+ vetted skills library on demand.