设计创意

运用设计理念在 .png 与 .pdf 文档中创作精美的视觉艺术。当用户要求创作海报、艺术品、设计稿或其他静态作品时使用。坚持原创，绝不抄袭现有艺术家作品以免侵权。

运用设计理念在 .png 与 .pdf 文档中创作精美的视觉艺术。当用户要求创作海报、艺术品、设计稿或其他静态作品时使用。坚持原创，绝不抄袭现有艺术家作品以免侵权。

以 Mermaid、PlantUML 或 diagrams.net 格式生成架构图。

将架构图生成为 .excalidraw 文件。当用户要创建架构图、系统图、可视化代码库结构、基础设施图，或生成 excalidraw 文件时使用。

根据内容生成专业的幻灯片图像。先创建含风格说明的完整大纲，再逐张生成幻灯片图像。当用户说“create slides”“make a presentation”“generate deck”或“slide deck”时使用。

使用 d3.js 创建交互式数据可视化。用于创建自定义图表、关系图、网络图、地理可视化，或任何需要对视觉元素、过渡与交互进行精细控制的复杂 SVG 数据可视化。适用于超出标准图表库能力的定制可视化，无论基于 React、Vue、Svelte、原生 JavaScript 或任何环境。

根据 hooks 创建视觉提示。需存在 hook-bank。输出 prompts.json 供 MCP 图像生成使用。

将色板分配到 15 个特定的动漫角色类别，每个类别指定 2–3 种颜色，并附富有意境的描述与十六进制色值。

生成严格遵循格式规范的 SVG 代码，确保在特定聊天界面中正确渲染，包括单行输出、无 Markdown 反引号、以及特定的 HTML 包裹方式。

使用用户指定的箭头方向（左、右、上、下）创建流程图与示意图，并强制用箭头连接各模块。

为文章规划并生成可读性强的极简强线条手绘配图。先建立文章地图，识别段落适合流程图、架构图、对比图、关系图、结构图还是概念插图，再通过构思卡组织单一命题、原文指纹、信息单位、阅读顺序和固定橙白圆猫角色。构思通过可读性测试后默认直接生成。用户说配图、手绘配图、给文章配图、文章插图、技术文章插图、流程图、架构图、关系图或 illustrate my article 时使用。

遵循 Apple HIG，使用 CoreGraphics 以编程方式生成应用图标。当用户想为 macOS 或 iOS 创建、生成或设计应用图标时使用。

使用 Packer 构建 Azure 托管镜像与 Azure Compute Gallery 镜像。用于为 Azure 虚拟机创建自定义镜像。

实时架构地图——自动生成代码库的 Mermaid 图。当用户想可视化架构、理解代码结构、生成图示或记录系统设计时使用。

根据文本提示生成视觉素材：PNG 图像（Gemini / xAI Grok）、GLB 3D 模型（Tripo3D）、绑定骨骼的双足角色、重定向动画、逐帧动画精灵，以及去背景。凡是游戏需要生成美术素材时均可使用。

创建受 Apple 启发的便当网格演示卡片，用于展示项目数据、时间线与成果。生成含无缝网格、数据卡、胶囊标签、柱状图与深色引言卡的自包含 HTML 文件，便于截图导出。支持浅色（Apple 标志色 #f5f5f7）与深色（#000）主题。当用户要制作数据卡、便当网格、项目摘要卡、仪表盘卡、Apple 风格演示版式、项目概览、成果展示，或任何数字与里程碑的可视化总结时使用；也可用于创建具简洁 Apple 美感的幻灯片、信息图或可视化报告。

用于从一张模板设定图加一张角色参考图，生成 ACG（动画/漫画）角色设定表（キャラ設定資料）——含多视角全身列队、表情列表、细节标注与配色板。构建于 gemini-image-generation 之上；本技能编码了“布局锁定+身份锁定”的提示模式，可稳定产出设定表风格的输出。

向项目图标枚举系统添加新 SVG 图标并附带匹配的测试断言。当用户说“add SVG icon”“添加图标”“add icon enum”“注册图标”“补齐图标枚举”“add SVG enum”，或想在 SvgIcon 工具中注册新 .svg 文件时使用。也在用户提供 .svg 路径并要求创建枚举/测试时触发。

向项目图标枚举系统添加新 SVG 图标并附带匹配的测试断言。当用户说“add SVG icon”“添加图标”“add icon enum”“注册图标”“补齐图标枚举”“add SVG enum”，或想在 SvgIcon 工具中注册新 .svg 文件时使用。也在用户提供 .svg 路径并要求创建枚举/测试时触发。

从 URL 逆向工程出网站的视觉设计系统，并产出完全符合规范的 DESIGN.md 文件（https://github.com/google-labs-code/design.md）。输出既包含机器可读的 YAML 设计令牌（颜色、字体、间距、圆角、组件），也包含人可读的 Markdown 说明章节（概览、颜色、字体、布局、层级与深度、形状、组件、宜与忌）。每当用户想生成 DESIGN.md、从网站创建设计系统文件、捕捉站点视觉识别、提取设计令牌、从 URL 构建设计规范、克隆站点外观，或从零搭建 DESIGN.md 时使用。触发词：“design system from URL”“generate DESIGN.md”“extract colors from site”“capture design from website”等。

通过 Agnes API 使用 Agnes Image 2.1 Flash 免费生成图像，支持文生图、图生图、高密度视觉提示、URL 结果与本地下载。当用户要求免费图片、免费图片模型、free image API、Agnes image、Agnes Image 2.1 Flash、免费 AI 生图、通过 Agnes 做图生图，或想要一个免费图像模型 Agent 技能时使用。

通过 Agnes-Video-V2.0 创建免费的 Agnes 视频生成任务并取回视频结果，包括文生视频、图生视频、多图视频、关键帧动画、异步轮询与视频下载。当用户要求免费视频、免费视频模型、free video API、Agnes video、Agnes-Video-V2.0、text-to-video、image-to-video、keyframes，或想要一个免费视频模型 Agent 技能时使用。

创建并操作动画蒙太奇——段落、插槽、片段、分支点、通知与混合设置（AnimMontageService）。当用户要创建蒙太奇（基于动画或空白）、添加或链接蒙太奇段落、设置插槽/片段、添加分支点或调整蒙太奇混合时机时使用。

当 LittleJS 游戏的视觉是几何/抽象/霓虹形状，或包含大量圆形实体（宝珠、宝石、气泡、小行星、粒子、星星）时使用；也适用于加速每帧调用大量 drawCircle/drawEllipse/drawPoly/drawRegularPoly 的游戏。它会将形状渲染为带色调的图集瓦片。

Bria.ai 提供的 AI 图像生成、编辑与去背景 API——去除背景得到透明 PNG 与抠图，根据文本提示生成图像，并用自然语言指令编辑照片。还可生成产品摄影与生活场景图、替换或虚化背景、提升分辨率、重设风格并批量生成视觉素材。当用户想去除背景、生成透明 PNG、生成/编辑/修改/转换任何图像——包括主视觉、横幅、社交媒体视觉、产品照、插画、图标、缩略图、广告创意或营销素材时使用。也适用于抠图、重绘、外绘、增删物体、照片修复、风格迁移、图像增强、重新打光、换季、草图转照片等任何视觉内容创作。商用安全、免版税，提供 20+ 针对电商、网页设计与内容流水线的专用接口。

通过 Nano Banana 配合 129 条精选提示生成图像。三种模式：搜索（最佳匹配）、创意（混音）、狂野（实验）。可生成横幅、肖像、信息图、产品图。风格涵盖浮世绘、便当网格、赛博朋克、电影感、复古专利风。

使用 p5.js、canvas API 与计算美学创作算法与生成艺术。当用户想创作生成艺术、程序化图形、创意编程可视化，或带种子随机性以便复现的交互艺术作品时使用。

为技术文档生成 Mermaid 图。提供流程图、时序图、类图、ER 图与 C4 模型模板。

使用 InfoGenius 流水线生成有研究依据的视觉图。用于创建信息图、示意图、教育类视觉图，或任何需要事实准确性的图像。支持 8 种视觉风格（3D、技术、极简、照片级写实、未来感、复古、卡通、标准）与 4 档受众层级。

使用 OpenAI GPT Image 1.5 或 Google 的 Nano Banana Pro（Gemini 3 Pro Image）生成并编辑图像。当用户要求生成/创建/编辑/修改图像时使用。两家均支持图生图编辑，OpenAI 还支持可选的基于蒙版的局部重绘。