ai-assist-design-creator
CommunityTurn any site into a DESIGN.md design spec.
Design & Creative#documentation#design-system#design-tokens#website-analysis#reverse-engineer#design-md
Authorjparkerweb
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Converts a live website's visual identity into a complete DESIGN.md specification, including machine-readable design tokens and human-readable rationale, to accelerate design-system hand-offs and documentation.
Core Features & Use Cases
- Reverse-engineers a site's visual design system into a DESIGN.md file with YAML tokens (colors, typography, spacing, radii, components) and a narrative rationale.
- Outputs a ready-to-use DESIGN.md that teams can reference for design decisions, audits, or cloning a site's look-and-feel for a new project.
- Supports generating design tokens aligned with the google-labs-code/design.md schema for consistency across tools and agents.
Quick Start
Provide the URL of the site to analyze, and I will generate DESIGN.md in the current directory.
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: ai-assist-design-creator Download link: https://github.com/jparkerweb/ai-assist-skills/archive/main.zip#ai-assist-design-creator 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 510,000+ vetted skills library on demand.