设计创意

Helmut Lang 的极简主义时装思维框架。基于 Helmut Lang 设计体系， 提炼6个核心心智模型、6条决策启发式和完整的表达DNA。 用途：作为创作顾问，用 Helmut Lang 的视角分析视觉设计，判断美学方向、评估时装方案。 触发词（符合任一即激活）： - 核心触发：「Helmut Lang视角」「极简主义」「结构」「皮质」「反时尚」 - 进阶触发：「看不见的设计」「技术面料」「建筑感」「退场艺术」「精准」 - 场景触发：「Helmut Lang」「90年代极简」「皮装系列」「解构×建构」 - 方法论触发：「衣服是建筑」「细节是整体」「看不见的设计」「退场即表达」 - 即使用户只是说"这个有没有Helmut Lang的感觉""帮我用极简的角度想想""随便聊聊结构"也应触发

川久保玲的解构时尚思维框架。基于川久保玲 Comme des Garçons 体系， 提炼6个核心心智模型、6条决策启发式和完整的表达DNA。 用途：作为创作顾问，用川久保玲的视角分析视觉设计，判断美学方向、评估时装方案。 触发词（符合任一即激活）： - 核心触发：「川久保玲视角」「Comme des Garçons」「解构」「黑色」「异形」 - 进阶触发：「身体与衣服的关系」「未完成感」「界限模糊」「反时尚」「概念时装」 - 场景触发：「Comme des Garçons」「巴黎时装周」「身体系列」「异形轮廓」 - 方法论触发：「衣服不是衣服」「破坏即创造」「穿是第二层皮肤」「设计是问问题」 - 即使用户只是说"这个有没有川久保玲的感觉""帮我用解构的角度想想""随便聊聊概念时装"也应触发

山本耀司的时装哲学思维框架。基于山本耀司设计体系， 提炼6个核心心智模型、6条决策启发式和完整的表达DNA。 用途：作为创作顾问，用山本耀司的视角分析视觉设计，判断美学方向、评估时装方案。 触发词（符合任一即激活）： - 核心触发：「山本耀司视角」「黑色」「解构」「宽松轮廓」「布料的语言」 - 进阶触发：「不对称的」「层叠」「身体与布料」「阴影美学」「黑色是开始」 - 场景触发：「Y's」「Yohji Yamamoto」「巴黎时装周」「Comme des Garçons」 - 方法论触发：「布料即身体」「穿著者与衣服的关系」「反时尚」「宽松即自由」 - 即使用户只是说"这个有没有山本耀司的感觉""帮我用黑色的角度想想""随便聊聊解构"也应触发

花叔Design（Huashu-Design）——用HTML做高保真原型、交互Demo、幻灯片、动画、设计变体探索+设计方向顾问+专家评审的一体化设计能力。HTML是工具不是媒介，根据任务embody不同专家（UX设计师/动画师/幻灯片设计师/原型师），避免web design tropes。触发词：做原型、设计Demo、交互原型、HTML演示、动画Demo、设计变体、hi-fi设计、UI mockup、prototype、设计探索、做个HTML页面、做个可视化、app原型、iOS原型、移动应用mockup、导出MP4、导出GIF、60fps视频、设计风格、设计方向、设计哲学、配色方案、视觉风格、推荐风格、选个风格、做个好看的、评审、好不好看、review this design、带解说的动画、解说视频、概念解释视频、长视频科普、配音动画、voiceover、narration、TTS+动画、5分钟讲清楚什么是XX。**主干能力**：Junior Designer工作流（先给假设+reasoning+placeholder再迭代）、反AI slop清单、React+Babel最佳实践、Tweaks变体切换、Speaker Notes演示、Starter Components（幻灯片外壳/变体画布/动画引擎/设备边框/解说Stage）、App原型专属守则（默认从Wikimedia/Met/Unsplash取真图、每台iPhone包AppPhone状态管理器可交互、交付前跑Playwright点击测试）、Playwright验证、HTML动画→MP4/GIF视频导出（25fps基础 + 60fps插帧 + palette优化GIF + 6首场景化BGM + 自动fade）、**带解说的长动画pipeline**（豆包TTS生人声+实测时长生timeline.json+NarrationStage驱动画面+ducking混音→交付HTML实播+发布MP4双形态；铁律：整片是一个连续的运动叙事，禁PowerPoint切换）。**需求模糊时的Fallback**：设计方向顾问模式——从5流派×20种设计哲学（Pentagram信息建筑/Field.io运动诗学/Kenya Hara东方极简/Sagmeister实验先锋等）推荐3个差异化方向，展示24个预制showcase（8场景×3风格），并行生成3个视觉Demo让用户选

视觉设计——logo / 海报 / UI mockup / 配色方案 / 字体方案。

扫描仓库并对缺口做最小追问，建立或更新 Figma 落地约束 `.specify/memory/fe-figma-gen.md`。适用于首次接手项目的设计稿落地工作，或共享组件与 token 体系发生明显变化的场景。

结合 Figma 设计稿、前端宪法和项目约束，实施页面或组件的设计落地。适用于设计稿节点已明确、接下来要开始改代码的阶段。

使用 figma-toolkit CLI 从 Figma 获取设计文件、节点信息和图片资源，并对下载的图片按视觉语义重命名。适用于跨项目的素材准备、资源批量下载和资产落盘场景。

花叔Design——用HTML做高保真原型、交互Demo、幻灯片、动画、设计变体探索+设计方向顾问+专家评审。根据任务embody对应专家（UX/动画师/幻灯片设计师/原型师），避免web design tropes。触发词：做原型、交互原型、HTML演示、动画Demo、设计变体、hi-fi设计、UI mockup、prototype、做个HTML页面、做个可视化、app原型、iOS原型、导出MP4/GIF、60fps视频、设计风格、设计方向、配色方案、推荐风格、选个风格、做个好看的、评审、好不好看、review this design、带解说的动画、解说视频、长视频科普、voiceover、narration、5分钟讲清楚什么是XX。需求模糊时进设计方向顾问（三套逻辑并行出3版真实视觉，HTML原生40种风格库网页20+PPT20为弹药）；另含品牌资产协议、反AI slop、Junior工作流、Tweaks变体、动画→MP4/GIF导出、带解说长视频pipeline、5维评审。

使用设计哲学在 .png 和 .pdf 文档中创建精美视觉艺术。当用户要求创建海报、艺术品、设计或其他静态作品时使用。创建原创视觉设计，绝不复制现有艺术家作品以避免版权侵犯。

创建卓越的用户体验设计，包含用户研究、信息架构、交互设计、可用性评估。当用户需要设计界面、优化用户体验、进行可用性分析、创建用户流程、设计交互原型，或提到「ux」「用户体验」「交互设计」「可用性」「用户研究」时使用。产出专业、有洞察力的 UX 设计方案，避免通用化设计。

按 Web 界面指南审查 UI 代码。当用户要求「审查我的 UI」「检查无障碍」「审计设计」「审查 UX」或「按最佳实践检查站点」时使用。

花叔Design（Huashu-Design）——用HTML做高保真原型、交互Demo、幻灯片、动画、设计变体探索+设计方向顾问+专家评审的一体化设计能力。HTML是工具不是媒介，根据任务embody不同专家（UX设计师/动画师/幻灯片设计师/原型师），避免web design tropes。触发词：做原型、设计Demo、交互原型、HTML演示、动画Demo、设计变体、hi-fi设计、UI mockup、prototype、设计探索、做个HTML页面、做个可视化、app原型、iOS原型、移动应用mockup、导出MP4、导出GIF、60fps视频、设计风格、设计方向、设计哲学、配色方案、视觉风格、推荐风格、选个风格、做个好看的、评审、好不好看、review this design。**主干能力**：Junior Designer工作流（先给假设+reasoning+placeholder再迭代）、反AI slop清单、React+Babel最佳实践、Tweaks变体切换、Speaker Notes演示、Starter Components（幻灯片外壳/变体画布/动画引擎/设备边框）、App原型专属守则（默认从Wikimedia/Met/Unsplash取真图、每台iPhone包AppPhone状态管理器可交互、交付前跑Playwright点击测试）、Playwright验证、HTML动画→MP4/GIF视频导出（25fps基础 + 60fps插帧 + palette优化GIF + 6首场景化BGM + 自动fade）。**需求模糊时的Fallback**：设计方向顾问模式——从5流派×20种设计哲学（Pentagram信息建筑/Field.io运动诗学/Kenya Hara东方极简/Sagmeister实验先锋等）推荐3个差异化方向，展示24个预制showcase（8场景×3风格），并行生成3个视觉Demo让用户选。**交付后可选**：专家级5维度评审（哲学一致性/视觉层级/细节执行/功能性/创新性各打10分+修复清单）。

Root routing skill for LofiTick.Desktop.UI design tasks: brand, design system, UI styling, slides, banners, and visual design. (LofiTick.Desktop.UI 设计规范根索引：按品牌、设计系统、UI 样式、幻灯片、横幅与视觉设计加载子 skill)

从界面操作路径反查「怎么点进某个 Vue/React 组件所在页面」；用户问进入方式、菜单路径、路由入口、如何打开某页面时使用。

OpenClaw UI 设计助手 - 创建美观、易用的用户界面。 提供设计系统、组件库、配色方案、视觉设计等专业建议。 支持响应式布局、可访问性（WCAG）、多端适配。所有脚本已包含。 关键词：openclaw, ui, design, frontend, components, design-system, accessibility

使用设计哲学创作精美的 .png 和 .pdf 格式视觉艺术作品。当用户要求创作海报、艺术品、设计作品或其他静态作品时，应使用此技能。创作原创视觉设计，切勿复制现有艺术家的作品以避免版权侵权。

当用户上传任意网页/组件/卡片/排版/封面截图，并希望"逆向还原"为可直接运行的 HTML/CSS（必要时含 JS）实现时使用本 skill。典型触发："还原这个网页"、"把这张截图复刻成 HTML"、"逆向这个设计"、"扒一下这个布局"、"帮我用代码做出来"、"做一个一样的"，或者只是上传一张视觉稿说"按这个做"。也涵盖小红书封面、组件库样例、Dribbble/Behance/Figma 截图等场景。即使用户没明确说"HTML"，只要意图是把视觉稿转成代码实现，都应触发本 skill。

Temu 跨境电商视觉设计师 Agent - 智能抠图、场景合成、促销水印、多尺寸输出。由 DeepSeek 驱动，专为 Temu 全球站点审美定制。

专业 HTML 设计技能：作为资深设计师，使用 HTML/CSS/JS/React 创建高质量的设计作品。 覆盖场景：着陆页、交互原型、演示文稿（HTML幻灯片）、动画视频、仪表盘、移动端UI模拟、 设计系统探索、视觉对比方案等。 输出格式为 HTML 文件，可包含 React（Babel 内联 JSX）、SVG 动画、CSS 高级效果。 触发词：设计、做一个页面、landing page、原型、prototype、UI设计、幻灯片、slides、 deck、动画、dashboard、仪表盘、界面设计、mockup、视觉稿、设计稿。 当用户要求创建任何视觉/交互/界面相关的 HTML 作品时，都应使用此技能。 也适用于：把截图转成代码、根据描述生成界面、设计探索与方案对比。

快速构建 web demo 页面。支持三种工作流：(1) Figma 设计稿 → 代码；(2) 从零描述快速出 demo；(3) 现有页面截图 → Figma。触发词：demo、figma 转代码、做个原型、网页 demo、出个页面。

提供跨平台 UI/UX 设计智能与质量检查。用户要求设计/改进界面、组件、样式、可用性或无障碍时调用。

API 设计：从产品规格和 UI 设计出发，定义数据模型、端点、请求响应格式和业务规则。当用户说 api设计、接口设计、数据模型 时触发。

UI/UX 设计：从产品规格出发，设计信息架构、用户流程、页面结构和交互细节。当用户说 ui设计、交互设计、页面设计 时触发。

BMAD 用户体验设计技能 - 当用户需要进行用户研究、创建用户画像、设计用户流程、制作线框图或定义设计规范时使用此技能

小手机任何界面/视觉/样式/动效修改前必须加载的设计技能。含强制设计流程（先出设计方案再写码）、Claude 官方设计方法论、反AI俗套清单、项目视觉体系。凡是改 web/phone/ 的 UI，动手前 MUST 先用这个技能。

前端 UI 设计技能。当用户要求设计界面、创建组件、改善 UI/UX、或构建前端页面时使用。生成高质量、生产可用的前端代码。

通用 UI 设计系统工作流。用于统一或重构字体、颜色、间距、布局、图标、按钮、动效和设计变量；审计现有样式与组件，输出全局 CSS、Tailwind 映射、基础组件规则，并按需改页面。

使用 animal-island-ui-tailwind / animal-island-ui 设计风格创建 React UI 界面或组件。当用户需要： (1) 用动物森友会风格创建 UI 页面或组件； (2) 使用 animal-island-ui-tailwind 组件库开发界面； (3) 构建温馨自然、圆润可爱风格的 React 界面； (4) 复现或扩展 animal-island-ui 的视觉语言； (5) 提问"动物森友会风格"、"animal island 风格"、"可爱圆润风格"的 UI 时，务必使用此 skill。

为产品界面、文档、提示词或消息文案设计多语言、时区、日期、数字、货币和本地化策略。