设计创意

通过将美学理念编排进 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）。

将软件系统与云基础设施的深色主题 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 密钥。

将图像转换为带硬件精确调色板（NES、Game Boy、PICO-8、C64 等）的复古像素艺术，并动画化生成短视频。预设涵盖街机、SNES 及 10 多种符合时代的风格。使用 `clarify` 让用户在生成前选择风格。

将软件系统与云基础设施的深色主题 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 密钥。

生成专业信息图，提供 21 种版式类型与 21 种视觉风格。会分析内容、推荐版式×风格组合，并产出可发布的成品信息图。当用户要求创建“infographic”“visual summary”“信息图”“可视化”或“高密度信息大图”时使用。

基于 Manim 社区版的数学与技术动画生产流水线。可创作 3Blue1Brown 风格讲解视频、算法可视化、公式推导、架构图与数据故事。当用户需要动画讲解、数学动画、概念可视化、算法走查、技术讲解、3Blue1Brown 风格视频，或任何含几何/数学内容的程序化动画时使用。

基于 p5.js 的交互与生成视觉艺术生产流水线。可创作浏览器端草图、生成艺术、数据可视化、交互体验、3D 场景、音频响应式视觉与动态图形——导出为 HTML、PNG、GIF、MP4 或 SVG。涵盖：2D/3D 渲染、噪声与粒子系统、流场、着色器（GLSL）、像素操作、动态排版、WebGL 场景、音频分析、鼠标/键盘交互与无头高清导出。当用户需要 p5.js 草图、创意编程、生成艺术、交互可视化、canvas 动画、浏览器端视觉艺术、数据可视化、着色器效果或任何 p5.js 项目时使用。

将图像转换为带硬件精确调色板（NES、Game Boy、PICO-8、C64 等）的复古像素艺术，并动画化生成短视频。预设涵盖街机、SNES 及 10 多种符合时代的风格。使用 `clarify` 让用户在生成前选择风格。

从真实网站提取的 54 套生产级设计系统。加载模板即可生成匹配 Stripe、Linear、Vercel、Notion、Airbnb 等站点视觉识别的 HTML/CSS。每套模板包含配色、字体、组件、布局规则与即用 CSS 值。

根据 Markdown 内容生成现代演示文稿（PDF）。是 Gamma 的本地开源替代方案——使用 Slidev 排版、Unsplash 提供配图。当用户说“make a deck”“build slides from this”或“turn this into a presentation”时调用。

AWS 架构图——根据实时 AWS 基础设施生成可视化网络拓扑图。用于绘制 AWS 网络图、可视化 VPC、绘制 Transit Gateway 拓扑或生成架构文档。

每当用户需要帮助选择学术配图配色、需要针对特定期刊或色盲友好的设计建议、想要论文配色推荐、想为提取的架构图匹配配色方案，或说“学术配图配色”“论文配色方案”“色盲友好配色”“学术配色”“架构图配色”“academic color palette”等时使用。现含 13 套预设方案，包括新增的 Nature Blue 单色系，以及“单色 vs 多色”的理念。

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

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

AI 驱动的 SVG 文章配图生成工具，支持动态 SVG、静态 SVG 和 PNG 导出三种输出模式。当用户需要为文章生成配图、创建 SVG 插图、将 SVG 转换为 PNG，或提到“为文章配图”、“生成插图”时使用此技能。

使用 DashScope Wan 2.7 图像模型（wan2.7-image、wan2.7-image-pro）生成或编辑图像。用于实现文生图、图像编辑、带边界框的交互式编辑、序列组图生成，或通过多模态生成 API 控制配色板。

基于检测到的人像图，使用阿里云 Model Studio Emoji（emoji-v1）生成模板驱动的表情视频。用于从单张人脸图与选定模板 ID 制作固定风格的表情包或表情动图。

面向 Model Studio Aishi 的 PixVerse 视频生成最小化冒烟测试。

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

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

使用 Anima SDK 从 Figma 设计生成 React/Vue/HTML 代码。用于测试设计到代码的转换、学习 Anima 的代码输出格式，或搭建首个自动化设计转代码流水线。触发词：“anima hello world”“anima example”“figma to react”“figma to code”“anima generate code”。

审查图表、图形与仪表盘的无障碍性。涵盖 SVG ARIA、数据表替代方案、安全配色板、键盘交互与图表库 API。

审查图表与图形的无障碍性：SVG ARIA、数据表替代方案、键盘交互、安全配色板与库 API。

用于产出丰富 generateSandboxedUi 输出的 UI 原型、仪表盘、高级交互、生成艺术、仿真、数学可视化及设计系统规则。

将精致的深色主题架构图生成为含内联 SVG 的独立 HTML 文件，具备语义化系统分组与清晰可读的连接流程。

从 anthropic.com 的 CSS 中提取的 Anthropic 官方品牌色、字体令牌与设计规范。

当你需要将 Anthropic 官方品牌配色板应用到任何设计物料、海报或视觉作品时使用。包含截至 2024 年所有品牌色令牌的正确 HEX 值。

通过 Flux、Nano Banana Pro 与 GPT-Image-2 生成 20 多种格式的静态视觉内容——图表、Mermaid、信息图、D3 仪表盘、漫画、图标、壁纸等。当用户需要插图、图表、流程图、信息图、头图、博客社交缩略图、可视化、生成图片、Mermaid、架构图、漫画、图标、博客配图、框架图、D3 图表、去背景、壁纸时使用。不适用于固定频道风格的 YouTube/视频缩略图（用 _THUMBNAIL）、视频或动画（用 Remotion）、Web UI 设计与前端布局（用 Webdesign）。