设计创意

面向 SurveyController 桌面端的 GUI 开发与界面修复技能。用于修改 software/ui/ 下的 PySide6 + QFluentWidgets 页面、弹窗、导航、配置编辑、运行状态展示和日志界面，处理信号槽、线程协作、对象生命周期、布局、主题和窗口缩放问题。适合做桌面界面开发、交互修复和配置同步，不适合把耗时逻辑直接塞进主线程。

Figma 转 Photoshop (PSD) (Figma → Photoshop (PSD) 设计稿转换 (从业者视角) — 把 Figma 设计文件高保真转换为 Photoshop 分层 PSD, 核心是对齐两个工具的概念/渲染差异, 让产出的设计稿视觉一致. 覆盖: (a) 概念映射 — Figma frame / auto-layout / component / variant / constraint / vector-network / boolean / effect (drop·inner shadow / layer·background blur) / mask / blend mode / gradient / text-engine / color 与 Photoshop artboard / group / smart-object / linked / layer-style / shape-layer / path / clipping·layer mask / blend-mode 的对应关系与不可逆损耗点; (b) 转换方法栈 — 插件直出 PSD / 导出图层 (PNG·SVG) 再重组 / SVG·PDF 桥接 / 手工重建 / Figma REST API + Photoshop UXP·ExtendScript 脚本化, 各法在保真度-可编辑性-工时上的权衡与选型; (c) 保真度 QA — 字体回退与缺字处理 / 颜色空间 (sRGB·ICC profile) / 效果参数对齐 / @Nx·DPI 与栅格化 / 像素 diff 验收; (d) 两种交付目标 — 可编辑分层 PSD vs 像素保真扁平 PSD 的方法选择. 主战场 = Figma Community 插件 + Adobe 官方文档/论坛 + 设计交付 (design handoff) 实践 + 设计师社区. 不含: PSD→Figma 反向转换 / Sketch / Adobe XD / 纯前端 code handoff (HTML·CSS) / 印刷 CMYK 专业制版 (仅触及).) Master OS — automated mastery of Figma → Photoshop (PSD) 设计稿转换 (从业者视角) — 把 Figma 设计文件高保真转换为 Photoshop 分层 PSD

花叔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让用户选

VChart图表库专家助手，支持问题诊断、配置生成、图片/Figma设计稿还原等场景，基于结构化知识库提供精确的图表开发解决方案

面向中国 AI / ML 研究者，主投 Nature Machine Intelligence、次投 Nature Communications / Nature Computational Science、必要时冲刺 Nature 的论文写作技能（craft + taste + story-craft）。v5 在 v4 拆分版上吸收了 8 篇 2024–2026 NMI/NC/Nature 纯 AI 方法论文（DeepSeek-R1、Densing law、AligNet、ADeLe、Webb-MAP、DiscoRL、Farquhar semantic-entropy、Whitelam Simmering），新增 measurement / new-ruler hook、correctness-gap limitation、pure-AI 数字密度 carve-out、SI black hole 反模式、AI evaluation/measurement 子门类剧本等。本 SKILL.md 为瘦索引：骨架公式、写作顺序、按任务加载的 routing table、提交前 checklist、屏幕边 quick card、附录。详细章节按需 Read `references/01-story.md` … `references/15-taste-development.md`。视觉/figure 设计见姊妹 skill `FIGURE-SKILL.md`。所有 verbatim 引文可回查 `extracts/01-singlecell.md` … `extracts/07-ai-methods.md` 7 个文件 / 共 44 篇论文。

以 HTML 为媒介产出高保真设计稿（落地页、幻灯片、交互原型、动画、设计系统、信息图、移动端 mockup 等）。 扮演专业设计师而非通用前端工程师，强调先问后做、引用既有设计系统、给出多版本变体、规避 AI 风格俗套。 触发：/axi-front-design、"做个落地页"、"设计一张海报/封面"、"做张幻灯片/PPT"、"做个交互原型"、"做个动画"、 "design a landing page"、"make a deck"、"prototype this UI"、"design system"、"hi-fi mockup"。 不适用：纯文字内容/逻辑代码、需要真实图像生成（应改用图像生成模型）、需要原生 PPTX/Figma 文件（HTML 优先）。

从设计来源提取 SVG / PNG / JPG 资源并同步 spec

从 Figma 或降级设计来源提取页面布局、状态和视觉校准信息

生成 Anthropic 风格的高质量前端界面——有温度、有个性、绝不「AI 通用」。 包含官方品牌字体（Poppins + Lora）、43 个完整组件、4 种场景模式。 每当用户要构建任何前端界面，无论是 landing page、SaaS 产品、AI 工具、 Chat UI、Dashboard、后台管理，都应使用本 skill——尤其是当他们说「做个界面」 「设计一个页面」「帮我写 UI」「Anthropic 风格」「Claude 风格」「好看一点」 「避免 AI 通用感」「有温度感」时，立即触发本 skill，不要自行发挥。 本 skill 强制要求：动手前先确定大胆的美学方向；每次输出必须有差异化， 不得收敛到同一套模板；实现复杂度必须匹配美学强度。

UI/UX设计师角色。关键词：设计/UI/UX/用户界面/交互设计/体验感/视觉/组件规范/原型。激活后先定义体验感，再设计交互和视觉，同时输出智能体层接口定义。

Use when 为 Axhub Make client 项目生成 UI 设计图、高保真原型视觉、生产风格网站截图、整页界面稿、UI 素材、图标、占位图或参考位图；尤其是请求提到 Image Gen、AI 图片生成、设计图、UI assets 或 prototype visuals 时。

为当前项目自动设计并集成 UI。当用户说"帮我设计UI"、"给这个项目做个界面"、"生成UI"、"UI设计"、"页面设计"时触发。完整流程：询问UI需求 → 阅读项目代码 → 生成设计规格 → 提供 Google Stitch Prompt 及操作指引 → 将用户下载的UI代码融合到项目中。

Generates a complete designer portfolio website with admin login, portfolio CRUD management, AI-powered project description generation, theme customization (5 presets or custom hex), and visit analytics. Deploys to EdgeOne Pages with Edge Functions, KV Storage, JWT auth, and middleware. Use when a user wants to build a personal portfolio site, designer's online showcase, individual brand website, or multi-discipline design portfolio covering landscape, graphic, interior, industrial, or UX/UI design. Triggers include: "做一个设计师作品集" "做一个个人作品集网站" "建一个景观/平面/室内/工业/UX设计师作品集" "PortfolioFlow 建站" "生成作品集" "make a designer portfolio" "build a personal portfolio" "create a designer showcase site" "用 PortfolioFlow 做一个作品集".

Gemini (gemini-3-pro-preview) AI 代理 - UI 设计与前端开发专家。gemini-ui 的增强版，支持包装脚本、错误处理、流水线模式。触发条件：UI 设计、前端组件、页面布局、视觉设计、样式美化。使用 /gemini-agent <描述> 或 /design-ui <描述> 委派 UI 设计任务给 Gemini。

产品级 UI 设计规范 — React + Tailwind CSS，含组件库、布局系统、无障碍标准

将长文章转换为手绘风格的信息图。基于深度阅读、主题规划和视觉设计，最终调用 image-generation skill 生成图片。

宣传册 / 折页 / 出版物视觉设计 prompt 模板。教 designer agent 生成封面 / 跨页 / 折页 等印刷物，含中文标题与短文（依赖 text-rendering skill）。当 WBS 含 brochure / 宣传册 / 折页 / 出版物 任务时加载。

APP / Web 界面 mockup prompt 模板。教 designer agent 生成在 iPhone / iPad / 笔记本设备外壳中的 UI 截图，含中文导航、按钮、内容（依赖 text-rendering skill）。当 WBS 含 ui / 界面 / app / web 任务时加载。

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

使用 Pencil MCP 创建工业级 UI 设计的完整工作流和组件库 Use when this capability is needed.

AI 驱动的全栈项目开发工作流模板。用于指导新项目从 0 到 1 的完整开发流程，包括建仓库、产品规划、技术选型、UI/UX 设计、开发部署、测试验证、CI/CD 等 10 个阶段。适用于 SaaS 产品、Web 应用、AI 应用开发。 Use when this capability is needed.

Godot UI界面系统开发专家，支持自然语言描述自动创建菜单、HUD、对话框、响应式布局等完整UI系统 Use when this capability is needed.

UI/UX 设计技能——当需要创建界面、设计组件、搭建前端页面、或评估现有界面质量时使用。结合设计方法论和工程规范，避免 AI 模板化设计，确保界面有灵魂且规范。

专注于用户体验、界面设计和设计系统的UX/UI设计专家。 精通用户研究、线框图、原型设计和无障碍设计。 使用场景： - 设计用户界面和体验 - 创建设计系统和组件库 - 进行用户研究和可用性测试 - 规划信息架构 - 提供无障碍和包容性设计指导

当用户要设计一个页面 (UI/视觉/产品层, 不是只写代码) 或修改已有视觉设计时, 驱动三段流水线 (显示信息 → 显示框架 → 风格+实践), 每页独立, 先文档后 HTML. 输入 = "已知用户场景 + 已知要显示什么", 输出 = 高保真选定版. 不用于: 文案小改 / 单 bug 代码修复 / 纯后端.

花叔Design——用HTML做高保真原型、交互Demo、幻灯片、动画、设计变体探索+设计方向顾问+专家评审。根据任务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取真图+AppPhone可交互+Playwright点击测试）、HTML动画→MP4/GIF导出（25fps基础+60fps插帧+palette优化+场景化BGM+自动fade）、**带解说长动画pipeline**（豆包TTS+实测时长生timeline+NarrationStage+ducking混音；铁律：连续运动叙事，禁PowerPoint切换）。**需求模糊Fallback**：设计方向顾问——5流派×20哲学（Pentagram信息建筑/Field.io运动诗学/Kenya Hara东方极简/Sagmeister实验先锋等）推3方向+24预制showcase+并行3 Demo选。**可选**：5维度评审（哲学一致/视觉层级/细节/功能/创新各10分+修复清单）。

花叔Design——用HTML做高保真原型、交互Demo、幻灯片、动画、设计变体探索+设计方向顾问+专家评审。根据任务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取真图+AppPhone可交互+Playwright点击测试）、HTML动画→MP4/GIF导出（25fps基础+60fps插帧+palette优化+场景化BGM+自动fade）、**带解说长动画pipeline**（豆包TTS+实测时长生timeline+NarrationStage+ducking混音；铁律：连续运动叙事，禁PowerPoint切换）。**需求模糊Fallback**：设计方向顾问——5流派×20哲学（Pentagram信息建筑/Field.io运动诗学/Kenya Hara东方极简/Sagmeister实验先锋等）推3方向+24预制showcase+并行3 Demo选。**可选**：5维度评审（哲学一致/视觉层级/细节/功能/创新各10分+修复清单）。

精通视觉设计系统、组件库和像素级界面创建的 UI 设计专家。创建美观、一致、无障碍的用户界面，增强用户体验并体现品牌形象

在 starworld 项目中创建和修改游戏模板（InterfaceTemplate）。当用户想要创建新游戏界面、修改现有模板、设计聊天界面、配置AI响应格式、设置触发器或变量替换规则时，必须使用此 skill。触发词包括：创建游戏模板、新建界面、修改界面、修改游戏、修改页面、修改html、html页面、页面模板、HTML模板、嵌套提取规则、变量替换规则、触发器配置、修改触发器、触发器、游戏界面设计、InterfaceTemplate、这个页面、这个模板、这个界面、这个html。

将外部原型 UI（Figma 截图、设计稿图片、静态 HTML、其他框架页面代码）转换为适配当前 fast-uni-app-v3-js 脚手架的 uni-app 页面/组件代码。生成代码时必须优先复用当前仓库已有的 UI 组件、样式体系、请求封装、登录能力、工具函数与 mock 机制，输出可直接接入本项目的页面代码。 触发时机： - 用户提供原型图、截图、Figma、HTML、React/Vue 页面，要求转成当前项目代码 - 用户要求“按这个设计稿实现”“把这个页面迁移到我们 uni-app 脚手架” - 用户要求新建页面，并明确说明要贴合当前项目风格、组件库和工具库