用途
huashu-design 是一个设计哲学顾问技能，定位是像顶级设计企业那样理解需求、推荐设计方向、生成 AI 提示词，并进行专家级评审。它面向任何涉及视觉呈现的输出需求，包括网页、落地页、官网、App 界面与原型、PPT/Keynote、PDF 报告与白皮书、信息图、海报、配图、封面等。
主要能力
该技能包含设计前与设计后两个阶段。设计前（Phase 1-6）的流程为：先深度理解需求，就目标受众、核心信息、情感基调、输出格式提问，一次最多 3 个问题，需求已清晰则跳过；随后进行顾问式重述（100-200 字），以自己的话复述本质需求、受众、场景与情感基调。接着推荐 3 套设计哲学，每个方向包含风格名称（必须含设计师或机构名，如「Kenya Hara式东方极简」）、为什么适合（50-100 字）、核心特征（3-4 条标志性视觉要素）、气质关键词（3-5 个）以及可选的代表作参考。
差异化策略要求 3 个方向必须来自 3 个不同流派，形成明显视觉反差。五大流派为：信息建筑派（01-04，理性、数据驱动、克制，适合安全/专业选择）、运动诗学派（05-08，动感、沉浸、技术美学，适合大胆/前卫选择）、极简主义派（09-12，秩序、留白、精致，适合安全/高端选择）、实验先锋派（13-16，先锋、生成艺术、视觉冲击，适合大胆/创新选择）、东方哲学派（17-20，温润、诗意、思辨，适合差异化/独特选择）。禁止从同一流派推荐 2 个以上风格。
推荐完成后，技能会并行生成 3 个视觉 Demo，核心理念是「看到比说到更有效」。通过 Agent Teams 启动 3 个后台 agent，每个 agent 根据对应风格的提示词 DNA 与用户实际内容生成单页 HTML Demo，再用 Playwright 截图（命令为 npx playwright screenshot file:///path.html output.png --viewport-size=1200,900），最后将 3 张截图一起展示。Demo 使用用户的真实内容而非占位符，并呈现用户要求的实际输出格式。HTML 文件存放在 _temp/design-demos/ 目录，命名为 demo-[风格名].html。执行路径按风格最佳路径选择：HTML 类型生成完整 HTML 后截图，AI 生成类型用 nano-banana-pro 生成图片，混合类型生成 HTML 布局并用 AI 生成插画配图。
用户看完 Demo 后可选择方向、混合元素、提出微调或要求重来。选定方向后进入 Phase 5 生成 AI 提示词，其结构为「设计哲学约束 + 内容描述 + 技术参数」，要求用具体特征而非风格名，包含颜色代码（#HEX 值）、比例、空间分配、输出规格，并避免赛博霓虹/深蓝底（#0D1117）。Phase 6 支持变体建议、平台优化与混合实验等迭代优化。
设计后（Phase 7）会在设计输出完成时自动触发评审，评审维度包括哲学一致性、视觉层级、细节执行、功能性、创新性，均为 0-10 分。输出格式为设计评审报告，包含总体评分、分项评分、优点（Keep）、问题（Fix，标注严重程度 ⚠️致命 / ⚡重要 / 💡优化，并给出当前状态、问题原因与含具体数值的修复建议）以及快速修复清单（Quick Wins，若只有 5 分钟优先做的 3 件事）。评审语气直接不绕弯，解释为什么与怎么改，7 分视为良好，8 分以上为优秀，批评设计而非设计师。
使用方式
该技能以对话触发为主，当用户提到「设计风格」「设计方向」「配色方案」「视觉风格」「设计评审」「推荐风格」时使用。参考资料库包含：references/design-styles.md（20 种设计哲学详细库，含 5 大流派与 AI 提示词模板，用于需要更多风格选项或了解风格细节时）、references/scene-templates.md（按输出类型组织的场景模板，如封面/PPT/PDF/信息图，用于需要特定场景尺寸规格与推荐风格时）、references/critique-guide.md（评审深度指南，含详细评分标准、场景评审侧重与常见问题清单，用于需要更精确的评审依据时）。
适用场景
适用于各类视觉呈现任务的设计前期方向选择与后期质量评审，尤其在需要明确设计哲学、配色方案、视觉风格，或希望在多个差异化方向间比较时使用。
偏好与限制
用户偏好方面：赛博霓虹/深蓝色底（#0D1117）为审美禁区；配图优先 AI 生成，HTML 截图仅在精确数据表格时使用；封面图不加个人署名/水印；文案中使用「」引号而非英文引号。网页/App 设计方面：绝对禁止使用默认 emoji 作为图标，也不留空白占位区域。图标方案按优先级为引用开源图标库（Lucide 极简、Phosphor 温暖、Heroicons Apple 风、Tabler 通用）或手写 SVG 图标；图片方案按优先级为找到最合适的真实图片、引用开源图片（Unsplash/Pexels 直链）或调用 nano-banana-pro 生成，最终交付必须完整，不能有待填充空缺。
注意事项
推荐风格时必须包含设计师/机构名字，并解释「为什么这个设计师适合」。评审时直接指出问题并给出含具体数值的解决方案。鼓励用户实验和迭代，设计本就是概率性的。
暂未提供的信息
该技能的安装命令、收费方式、价格、支持平台以及与官方的最新同步状态等事实暂未提供。