Skill ディレクトリ
すべての推奨は、リポジトリ、監査、インストール経路に明確につながっています。
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
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.
Use Playwright to interact with and test local web applications, capture screenshots, debug UI behavior, and inspect browser logs.
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.
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.
Material UI: Comprehensive React component library that implements Google's Material Design. Free forever.
A portable AI agent skill that enhances AI-generated user interfaces with better layout, typography, motion, and spacing to avoid generic outputs.
Review UI code for web interface guidelines, UX quality, accessibility, and interaction design best practices.
Huashu Design · HTML-native design skill for Claude Code · Claude Code 里 HTML 原生的设计 skill · 高保真原型 / 幻灯片 / 动画 + 20 设计哲学 + 5 维评审 + MP4 导出 · Agent-agnostic
Skill ディレクトリ
すべての推奨は、リポジトリ、監査、インストール経路に明確につながっています。
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
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.
Use Playwright to interact with and test local web applications, capture screenshots, debug UI behavior, and inspect browser logs.
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.
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.
Material UI: Comprehensive React component library that implements Google's Material Design. Free forever.
A portable AI agent skill that enhances AI-generated user interfaces with better layout, typography, motion, and spacing to avoid generic outputs.
Review UI code for web interface guidelines, UX quality, accessibility, and interaction design best practices.
Huashu Design · HTML-native design skill for Claude Code · Claude Code 里 HTML 原生的设计 skill · 高保真原型 / 幻灯片 / 动画 + 20 设计哲学 + 5 维评审 + MP4 导出 · Agent-agnostic
Skill ディレクトリ
すべての推奨は、リポジトリ、監査、インストール経路に明確につながっています。
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
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.
Use Playwright to interact with and test local web applications, capture screenshots, debug UI behavior, and inspect browser logs.
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.
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.
Material UI: Comprehensive React component library that implements Google's Material Design. Free forever.
A portable AI agent skill that enhances AI-generated user interfaces with better layout, typography, motion, and spacing to avoid generic outputs.
Review UI code for web interface guidelines, UX quality, accessibility, and interaction design best practices.
Huashu Design · HTML-native design skill for Claude Code · Claude Code 里 HTML 原生的设计 skill · 高保真原型 / 幻灯片 / 动画 + 20 设计哲学 + 5 维评审 + MP4 导出 · Agent-agnostic
Skill ディレクトリ
すべての推奨は、リポジトリ、監査、インストール経路に明確につながっています。
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
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.
Use Playwright to interact with and test local web applications, capture screenshots, debug UI behavior, and inspect browser logs.
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.
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.
Material UI: Comprehensive React component library that implements Google's Material Design. Free forever.
A portable AI agent skill that enhances AI-generated user interfaces with better layout, typography, motion, and spacing to avoid generic outputs.
Review UI code for web interface guidelines, UX quality, accessibility, and interaction design best practices.
Huashu Design · HTML-native design skill for Claude Code · Claude Code 里 HTML 原生的设计 skill · 高保真原型 / 幻灯片 / 动画 + 20 设计哲学 + 5 维评审 + MP4 导出 · Agent-agnostic