hue

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.

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.

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.

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.