excalidraw-skill

Archify converts a plain-language system or process description into a self-contained HTML diagram. It supports architecture, workflow, sequence, data-flow, and lifecycle views, with dark and light themes plus PNG, JPEG, WebP, SVG, and clipboard export. A typed intermediate format, bundled validators, and post-render checks help keep targeted edits stable without requiring extra runtime dependencies.

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.

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.

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.