AutomationDesign and creative work

archify

Generate self-contained technical diagrams with theme switching and high-resolution exports.

Stars: 4,436
Forks: 404
Updated: Updated Jul 14, 2026

AutomationDesign and creative work

archify

Generate self-contained technical diagrams with theme switching and high-resolution exports.

Stars: 4,436
Forks: 404
Updated: Updated Jul 14, 2026

AutomationDesign and creative workClaude Code

hue

@dominikmartnJavaScript

Generate a reusable brand design system from a URL, name, or screenshot.

Project overview

hue is a design skill for Claude Code and Codex that analyzes a brand from a URL, name, or screenshot, then turns the findings into a reusable coding skill. The generated system defines color, typography, spacing, components, light and dark modes, and page composition so separate AI sessions can build more consistent interfaces. A validation script checks the result for broken token references, placeholders, contrast issues, and structural errors before it is used.

Stars: 752
Forks: 60
License: MIT

AutomationDesign and creative workClaude Code

power-design

@ItsssssJack

Generate branded HTML decks or responsive websites from a brief and design rules.

Project overview

Power Design is a Claude Code skill that turns a short brief into either an HTML presentation or a responsive website. It first asks which format and brand to use, then can extract brand characteristics from a URL through Firecrawl or select from more than 72 bundled brand systems. Separate sets of 20 rules guide slide and web output. The resulting HTML opens in a browser and can be refined through conversation, making it useful when users want more deliberate structure and styling than a generic AI template.

Stars: 522
Forks: 73
License: Not declared

AutomationDesign and creative workClaude Code

excalidraw-skill

@Agents365-aiPython

Turn natural-language descriptions into editable Excalidraw diagrams and exported images.

Project overview

excalidraw-skill converts a written description into an editable `.excalidraw` scene and can export the result as PNG or SVG. It includes layout guidance for flowcharts, architecture, sequence diagrams, mind maps, and swimlanes, sizes shapes from their labels, routes connectors, and checks rendered output for clipping or overlap. Export can use the zero-install Kroki service or a local Excalidraw CLI, with no MCP server or background daemon required.

Stars: 148
Forks: 13
License: MIT

AutomationDesign and creative workClaude Code

claude-design-skill

@jiji262HTML

Guide Claude through structured design work for pages, decks, prototypes, and visual artifacts.

Project overview

Claude Design Skill adds a repeatable workflow for landing pages, slide decks, interactive prototypes, animations, posters, wireframes, and other HTML-based artifacts. It emphasizes fact checking, brand-asset collection, design-context gathering, differentiated direction choices, and output-specific verification before delivery. The skill is intended for users who want a more deliberate design process than a generic one-shot prompt.

Stars: 144
Forks: 21
License: MIT

archify

archify

Project overview

Repository facts

Related projects

hue

power-design

excalidraw-skill

claude-design-skill