Directory · Skills

Huashu Design

HTML-native design skill for Claude Code and other agents that produces prototypes, slide decks, animations, and infographics from prompts.

★ 24,943 stars · last updated 2026-10-13 · Free, open source · View on GitHub

Best for

• Clickable iOS/web prototypes as single-file HTML
• HTML slide decks with editable PPTX export
• Timeline animations exported to MP4/GIF with BGM
• Structured 5-dimension design critiques

Install

npx skills add alchaincyf/huashu-design

Our take

Popular, actively maintained MIT skill with bundled references, starter components, and export scripts; skills CLI 1.5.15 or older only copies SKILL.md, so upgrade or git clone into ~/.claude/skills/huashu-design. Enforces a brand-asset protocol and anti-AI-slop rules, and core rendering runs locally with optional cloud scripts isolated. README is primarily Chinese (English version available), and the author notes limits on 3D/physics animation and lower quality when designing from a blank brand.

Similar skills

• Karpathy-Inspired Claude Code Guidelines: A single CLAUDE.md with four principles to curb overengineering, silent assumptions, and unrelated edits in Claude Code.
• Scientific Agent Skills: Library of 177 Agent Skills for scientific work in biology, chemistry, medicine, and more, for Claude Code, Cursor, Codex and others.
• reverse-skill: Skill router pack for reverse engineering, pentesting, and security research that routes AI coding agents to the right methodology and toolchain.
• book-to-skill: Converts technical books and document folders (PDF, EPUB, DOCX, MD, HTML and more) into on-demand agent skills for Claude Code and others.
• Hallmark: Design skill for Claude Code, Cursor, and Codex that builds, audits, and redesigns UI while avoiding generic AI-generated looks.
• Claude Skills: Large MIT-licensed library of skills, agents, and slash commands for Claude Code, Codex, Gemini CLI, Cursor, and other coding agents.