Guidance for distinctive, intentional UI design, typography, visual direction, and non-template-like product interfaces.

Design and implementation guidance for distinctive landing pages, portfolios, product demos, and purposeful redesigns.

Create original visual art, posters, PNG assets, and PDF documents through a clear design philosophy.

🎨 Local-first, open-source Claude Design alternative. 🖥️ Native desktop app. ⚡ 259+ Skills · ✨ 142+ Design Systems 🖼️ Web · desktop · mobile prototypes · slides · images · videos · HyperFrames 📦 Sandboxed preview · HTML/PDF/PPTX/MP4 export 🤖 Claude Code / OpenClaw / Codex / Cursor / OpenCode / Qwen / Copilot / Hermes / Kimi & 17+ CLIs.

Apply Anthropic official brand colors, typography, and visual standards to appropriate Anthropic-related artifacts.

Review a branch or diff against repository standards and the originating spec in two independent analysis passes.

Reverse-lookup glossary that turns a vague description of a web animation or motion effect into its exact term ("the bouncy thing when a popover opens" → Pop in; "the iOS rubber-band scroll" → Rubber-banding). Use when the user asks "what's it called when…", or describes a motion effect without knowing its name and wants the right word to prompt an AI or designer with. For naming an effect, not designing or building one.

Implement work from an approved spec or ticket set, run focused and full tests, invoke code review, and commit the result to the current branch.

Material UI: Comprehensive React component library that implements Google's Material Design. Free forever.

Review UI code for web interface guidelines, UX quality, accessibility, and interaction design best practices.

Deploy applications and websites to Vercel, including preview deployments and shareable deployment links.

Huashu Design · HTML-native design skill for Claude Code · Claude Code 里 HTML 原生的设计 skill · 高保真原型 / 幻灯片 / 动画 + 20 设计哲学 + 5 维评审 + MP4 导出 · Agent-agnostic