设计创意

编排前端团队协作管线，协调 UX 设计负责人、前端架构师、框架专家、测试工程师与代码审查员按序交付前端功能。

编写界面UX规范，使用 ux-spec.md 模板定义布局区域、状态、事件流与交互模式。

NearGo OMS 后台管理系统 UI 设计规范与代码生成。当用户提到构建、修改或审查 NearGo OMS（订单管理、门店管理、商品管理、财务结算、权限管理等）任何后台页面或组件时，必须使用此技能。包含完整设计 token（颜色/字体/间距/圆角）、shadcn/ui 组件规范、页面布局模板和代码示例。触发场景：用户提到 NearGo OMS、后台管理页面、OMS 组件/页面开发、"按设计规范"生成代码、数据列表/表格页、仪表板/KPI 卡、审批流/详情页、任何需要符合 NearGo OMS 风格的界面时，均应加载本技能。

智慧实验室安全监测与预警系统 UI 设计规范。涵盖设计系统、组件规范、颜色方案、响应式布局、动画效果、可访问性等方面。适用于创建统一、专业、用户友好的实验室安全监测界面。

标准引导流程设计 SOP：场景识别 → YAML 编排 → 标签标注 → 注册发现 → 测试验证。 Use when: 新建引导流程、添加场景引导、维护 Guide Catalog、编写引导 YAML。 Not for: 使用引导（用户侧）、Guide Engine 代码实现（用 tdd）、视觉设计（用 pencil-design）。 Output: Flow YAML + tag-manifest 更新 + registry 注册 + CI 校验通过。

创建高品质、生产级前端界面。当用户需要构建 Web 组件、页面、应用或美化任何 Web UI 时使用此 Skill。包括：网站、落地页、仪表盘、React 组件、HTML/CSS 布局、或任何需要精致样式的界面设计。生成具有创意的、精心打磨的代码和 UI 设计。

生成算法执行过程的可视化表示。

使用 pyfiglet（571 种字体）、cowsay、boxes、toilet、image-to-ascii、远程 API（asciified、ascii.co.uk）及 LLM 兜底来生成 ASCII 艺术。无需 API 密钥。

使用 pyfiglet、cowsay、boxes 与 asciified API 生成 ASCII 艺术。无需 API 密钥。

使用 Gemini API 生成歌曲封面/缩略图。可创作适合作为 MV 背景的艺术图像。当用户想生成专辑封面、歌曲封面、缩略图或 MV 背景图时使用。

使用 Adobe Express 模板创建任意视觉设计——包括传单、海报、横幅、社交媒体帖文（Instagram 故事、Facebook 帖文、LinkedIn 配图）、名片、请柬、贺卡、简历、求职信、宣传册、简报、证书、演示文稿、YouTube 缩略图、邮件页眉、Logo、菜单、标签等。只要用户想制作、设计、创建任何视觉物料——即使只是说“做个传单”“设计海报”“我需要 Instagram 用的图”“做个活动邀请”“做张名片”——都可使用。也处理查找/浏览模板、编辑文案、更换背景色或为设计添加动画。访问：🔐 需登录 | 生成式 AI：❌

从共享的 Punk 风格库生成头像图像与可复用的头像提示，适用于人物、宠物、物体、个人头像、宠物肖像及由头像衍生的纪念卡。该技能可从图像或文本识别主体，选择一种可用头像的风格，将所选风格“原子”编译进头像蓝图，保存最终提示，并在有图像生成工具时生成图像。

AIPPT - 基于模板定制化生成 PPT。垫图约束风格 → 提示词替换内容 → AI 生图 → 打包 PPTX。

将专业、深色主题的软件/系统架构图生成为单个含内联 SVG 的独立 HTML 文件。当用户需要可视化系统组件、层级、服务或代码库各部分如何组合时使用。

使用 pyfiglet（571 种字体）、cowsay、boxes、toilet、image-to-ascii、远程 API（asciified、ascii.co.uk）及 LLM 兜底来生成 ASCII 艺术。无需 API 密钥。

根据论文摘要生成图文摘要的版式建议。

生成/创建/搭建 azure-pipelines.yml、阶段（stages）、作业（jobs）、步骤（steps）或可复用模板。

通过扫描现有设计令牌（Figma 导出、tailwind.config、tokens.json、样式表），按 Google Labs 的 design.md 规范生成仓库根目录下的 DESIGN.md，合成 W3C 兼容的 YAML frontmatter 与 Markdown 说明。当用户想要初始化、搭建、生成、记录或审查 DESIGN.md（视觉契约——颜色、字体、间距、动效）时使用。仅限前端项目。

将精美的深色主题架构图生成为独立的 HTML+SVG 文件。当用户需要系统、基础设施、云、安全或网络拓扑图时使用。

生成高质量图像提示，聚焦于建筑几何、戏剧化光影与孤独人物，突出材质纹理与空间氛围纵深。

使用 GenerateImage 工具为等距视角城市游戏生成精灵图集。用于为等距城市建造类游戏创建新素材、精灵图集、载具精灵、建筑精灵或任何视觉素材。保证格式、尺寸与等距投影一致。

以编程方式创作生产级像素艺术与动画。当用户要求“create pixel art”“draw a sprite”“make pixel animation”“generate sprite sheet”“convert image to pixel art”“像素画”“像素艺术”“8-bit/16-bit/hi-bit style”“retro game art”等时使用。涵盖单帧精灵、逐帧动画、行走循环、待机/攻击/死亡动画、精灵图集、GIF/APNG 导出、图像转像素艺术的预处理（下采样+量化+抖动）、30+ 内置调色板（NES、GameBoy、PICO-8、Endesga、DawnBringer、Sweetie 16、Resurrect 64、韩式五方色/丹青、中国故宫/青花/五行、俄式 Stoneshard 风）、5 种抖动算法（Bayer、Floyd-Steinberg、Atki

生成 G2 v5 图表代码。当用户需要 G2 图表、柱状图、折线图、饼图、散点图、面积图或任何基于 G2 库的数据可视化时使用。

G6 v5 图可视化代码生成技能，支持网络图、树形图、流程图等多种图类型的初始化、布局、交互和插件配置。

只要用户想生成、创建或设计图像、插画或视觉素材即可使用本技能。包括：海报、横幅、社交媒体图形、产品样机、Logo 概念、缩略图、营销创意、头像、书籍封面、专辑封面、图标设计，以及任何 AI 生成图像的请求。触发词：生成图片、做个海报、画个插图、设计个 banner、做个封面、社交媒体配图、产品效果图。凡是需要创建图像或视觉素材，就用本技能。

通过将美学理念编排进 HTML/SVG 并渲染为 PDF/PNG，产出静态视觉设计物料（海报、横幅、传单、品牌物料、封面艺术、识别组合）。触发词：“create a poster”“design a banner”“branding visual”“marketing graphic”“cover art for”“identity composition”。不适用于 UI 界面（用 /ai-design）；不适用于动画（用 /ai-animation）；不适用于演示文稿（用 /ai-slides）；不适用于 AI 生成的照片（用 /ai-media）。

通过将美学理念编排进 HTML/SVG 并渲染为 PDF/PNG，产出静态视觉设计物料（海报、横幅、传单、品牌物料、封面艺术、识别组合）。触发词：“create a poster”“design a banner”“branding visual”“marketing graphic”“cover art for”“identity composition”。不适用于 UI 界面（用 /ai-design）；不适用于动画（用 /ai-animation）；不适用于演示文稿（用 /ai-slides）；不适用于 AI 生成的照片（用 /ai-media）。

通过将美学理念编排进 HTML/SVG 并渲染为 PDF/PNG，产出静态视觉设计物料（海报、横幅、传单、品牌物料、封面艺术、识别组合）。触发词：“create a poster”“design a banner”“branding visual”“marketing graphic”“cover art for”“identity composition”。不适用于 UI 界面（用 /ai-design）；不适用于动画（用 /ai-animation）；不适用于演示文稿（用 /ai-slides）；不适用于 AI 生成的照片（用 /ai-media）。

通过将美学理念编排进 HTML/SVG 并渲染为 PDF/PNG，产出静态视觉设计物料（海报、横幅、传单、品牌物料、封面艺术、识别组合）。触发词：“create a poster”“design a banner”“branding visual”“marketing graphic”“cover art for”“identity composition”。不适用于 UI 界面（用 /ai-design）；不适用于动画（用 /ai-animation）；不适用于演示文稿（用 /ai-slides）；不适用于 AI 生成的照片（用 /ai-media）。

通过将美学理念编排进 HTML/SVG 并渲染为 PDF/PNG，产出静态视觉设计物料（海报、横幅、传单、品牌物料、封面艺术、识别组合）。触发词：“create a poster”“design a banner”“branding visual”“marketing graphic”“cover art for”“identity composition”。不适用于 UI 界面（用 /ai-design）；不适用于动画（用 /ai-animation）；不适用于演示文稿（用 /ai-slides）；不适用于 AI 生成的照片（用 /ai-media）。