anydesign
CommunityExtract and document design systems from visual sources.
Authoravelikiy
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill allows users to analyze and document design systems from visual sources like images, websites, and Figma files, enabling them to understand, replicate, or audit the design of a visual element.
Core Features & Use Cases
- Design Analysis: Analyze images, websites, and Figma files to extract design elements like colors, typography, and components.
- Documentation: Generate a
design.mdfile with a token system, component inventory, and reconstruction notes. - Use Case: If a user has a website design and wants to understand the underlying design system, they can use this Skill to extract and document the design elements.
Quick Start
Use the anydesign skill to analyze the design of the provided website 'example.com'.
Dependency Matrix
Required Modules
playwrightPillowpyyamlpython-pptxpython-docx
Components
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: anydesign Download link: https://github.com/avelikiy/great_cto/archive/main.zip#anydesign 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.