Brand to DESIGN.md Skill
Extracts a brand's visual identity from a public URL to generate a source-aware DESIGN.md file with design tokens and component guidance.
9 tools
Extracts a brand's visual identity from a public URL to generate a source-aware DESIGN.md file with design tokens and component guidance.
Converts static raster logos into clean SVG and generates code for interactive, web-based animations with quality assurance tools.
Generate and preview Lottie animations from text prompts using an LLM within a local, hot-reloading development environment.
Generate UI prototypes, decks, videos, and other design artifacts from text prompts using your own local coding agents and design systems.
Generate and edit draw.io diagrams, including complex cloud architectures and flowcharts, using natural language commands in a web or desktop app.
Collects plain-text design system files (`DESIGN.md`) for instructing AI coding agents to generate visually consistent user interfaces.
Generates industry-specific UI/UX design systems and implementation guidelines directly within AI coding assistants.
Extracts comprehensive design language from live websites, generating multi-platform code, design tokens, and auditing system consistency.
AI tool that generates professional architecture diagrams from plain text descriptions using Claude.ai, outputting a self-contained HTML file for easy sharing and iteration.