用途：当用户要求构建、设计、开发或改进网页、落地页、前端界面、UI 组件或视觉元素时，此技能会被调用，帮助 Claude Code 依据提示文件生成具有特定美学的前端界面。
主要能力：内置多种设计系统提示，涵盖 Academia、ArtDeco、Bauhaus、BoldTypography、Botanical、Claymorphism、Cyberpunk、Enterprise、FlatDesign、Fluent2、HumanistLiterary、Industrial、Kinetic、Luxury、Material、Maximalism、MinimalDrak（原文拼写）、ModernDark、Monochrome、Neo-brutalism、Neumorphism、Newsprint、Organic、PlayfulGeometric、Professional、Retro、Saas、Sketch、Swiss、TerminalCLI、Vaporwave、Web3 等。每个提示包含设计理念、颜色、字体、间距、阴影、边框、组件模式与实现示例。
使用方式：先判断技术栈、设计偏好与组件范围；按用户指定风格做不区分大小写的匹配，未指定时可推荐或询问；用 Read 读取 prompts/<StyleName>.md，如 prompts/Neo-brutalism.md、prompts/ModernDark.md、prompts/Cyberpunk.md；随后内化设计理念、提取设计令牌、遵循组件模式、实现标志性元素并避免反模式；写代码前了解现有技术栈与约束，集中管理设计令牌，构建可复用组件。
适用场景：生成落地页、作品集、SaaS 页面、单组件或整站界面，支持 React、Vue、Next.js 等框架。
限制：需已安装该技能并存在对应 prompts/ 文件；示例中部分查证命令为示意格式；风格组合、自定义风格、令牌导出等属于未来增强，暂未提供；具体安装命令、收费与价格资料暂未提供。