设计创意

使用 Aseprite MCP，根据素材规格生成占位用的 .aseprite 文件。读取素材规格与美术规范（art bible），创建尺寸/调色板/图层正确的精灵，导出 PNG。在 /asset-spec 产出规格且 /art-bible 存在后运行。

将原始 SVG 标记转换为 website/src/icons/ 下的 Astro 图标组件。当用户提供 SVG 标记并想将其作为网站 Astro 图标添加时使用。

以 HTML/SVG（深色主题）呈现的架构与组件图。

ASCII 文字横幅与边框艺术（pyfiglet、cowsay、boxes）。

生成深色主题的系统架构与组件图，以 HTML/SVG 形式在浏览器中渲染。

通过插件内置的本地 TypeScript 渲染器，根据真实截图生成确定性的浏览器、平板、笔记本与手机样机。用于营销视觉、商店截图与带边框的 UI 预览，无需 ML 图像生成。

功能丰富的 Stable Diffusion Web UI，用于图像生成。支持文生图、图生图、局部重绘、外绘、LoRA、扩展插件、超分与批量处理。是广泛使用的桌面界面，拥有庞大的扩展生态与 API 访问能力。

使用 Vision AI 分析图像，提取配色、构图、氛围与视觉元素。用于：从图像提取调色板、分析设计截图、理解参考图的视觉风格。

对网站主视觉进行艺术指导。适用于落地页、首页、产品页、作品集、场馆站点、编辑页，以及需要真实或生成媒体、文字安全构图、响应式焦点、视觉层级、对比、长宽比与抗同质化选图的优质首屏。

将软件系统与云基础设施的深色主题 SVG 图生成为含内联 SVG 图形的独立 HTML 文件。采用语义化组件配色（青=前端，翠绿=后端，紫=数据库，琥珀=云/AWS，玫红=安全，橙=消息总线），JetBrains Mono 字体，网格背景。最适合软件架构、云/VPC 拓扑、微服务地图、服务网格图、数据库+API 层图、安全组、消息总线——任何契合深色技术基础设施风格的图。若有更专业的绘图技能（科学、教育、手绘、动画等）可优先使用，否则本技能也可作为通用 SVG 图兜底。基于 Cocoon AI 的 architecture-diagram-generator（MIT）。

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

将专业的架构图、工作流图、时序图、数据流图与生命周期/状态图生成为独立的 HTML 文件（含 SVG 图形），内置深/浅色主题切换，可一键导出 PNG / JPEG / WebP / SVG。接受自然语言描述或粘贴的 Mermaid 代码（flowchart、sequenceDiagram、stateDiagram），并以 archify 风格重新排版。当用户需要系统架构图、基础设施图、云架构可视化、安全图、网络拓扑、技术工作流、审批流、运行手册、CI/CD 流程、流程图画、API 调用时序、请求生命周期、数据管道、ETL/ELT 映射、PII 边界、数据血缘、状态机、生命周期图、状态流转，或想要转换/美化 Mermaid 图时使用。

创建精美、专业的 HTML 或 React 幻灯片，可直接全屏演示。当用户想：根据创意或大纲创建 PPT/幻灯片/演示；基于现有内容制作视觉惊艳的幻灯片；生成可全屏投影的 HTML 演示；将文档转为演示时使用。触发词：“create slides”“make a PPT”“presentation”“slide deck”“pitch deck”“vibe ppt”“make a talk”或任何创建演示的请求。该技能输出单个自包含 HTML/React 文件——无后端、无需安装、无依赖。

根据自然语言或结构化数据生成可下载的 SVG 与 HTML 技术图，包括系统架构、AI Agent 架构、数据流、流程图、对比矩阵、时序图、状态图与 ER 图。

使用 SAM3 分割、RMBG-2.0 去背景与多模态 LLM 生成 DrawIO，将栅格示意图转换为可编辑的 DrawIO 文件。

使用 Agnes Image 2.0 Flash 模型 API 生成图像。当用户想通过 Agnes AI 平台（apihub.agnes-ai.com）生成图像时使用。触发词：agnes image、agnes 图片、image gen、generate image、text to image、img2img、image editing、multi-image composition、生图、文生图、图生图。