设计创意

深色主题的 SVG 架构/云/基础设施图表，输出为 HTML。

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

将分层架构图生成为含内联 SVG 图标、CSS Grid 容器与连接叠层的独立 HTML 文件。触发词：“architecture diagram”“infra diagram”“system diagram”“deployment diagram”“topology”“draw architecture”。不适用于架构评审（请使用 architecture-reviewer）。

从输入文件夹批量添加单个或多个 SVG 图标到 MEGAAssetsBundle 的 xcassets 中，文件夹的子目录编码了 xcassets 分组路径。为每个图标创建 imageset，在 MEGAAssetsBundle（SwiftUI Image + UIKit UIImage）与 MEGAAssets 封装层中定义 Swift 常量，然后一次性重建 xcframework。当用户说“add icon to MEGAAssets”“add new icon(s)”“batch add SVG icons”等时使用。

生成深色氛围背景，带有漂移的竖向光带、屏幕叠加式辉光，以及集中于边角或下缘的发光晕染。

用代码创作生成/算法艺术与视觉图案——分形、几何铺砌、流场、色彩渐变、参数化形状——并渲染为图像。当用户想要程序化生成艺术、酷炫图案、壁纸，或“用代码做点东西”时使用。触发词：生成艺术、算法艺术、分形、图案、壁纸、generative art、algorithmic art、fractal、pattern、procedural、flow field。

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

深色主题的 SVG 架构/云/基础设施图表，输出为 HTML。

将专业的文章封面图生成为 SVG 文件。当用户想为博客文章、技术文章或文档创建封面/横幅图时使用。会生成含标题、示意图与技术主题图形的精美封面。

将中国传统色板应用到具体设计载体上。当用户已有颜色，但需要在海报、网页、落地页、App 界面、卡片、包装版式、PPT、社交封面、编辑页或视觉系统中确定配色规则时使用。

使用 p5.js 结合种子随机性创作生成艺术，每次渲染都可复现。适用于程序化海报、运动风格静帧与艺术分镜研究。

文章插图：类型 × 风格 × 配色保持一致。

深色主题的 SVG 架构/云/基础设施图表，输出为 HTML。

根据需求生成 Mermaid 图。将 .mmd 与 .md 文件保存到 figures/ 目录并进行语法校验。支持流程图、时序图、类图、ER 图、甘特图及另外 18 种图类型。

为 README、文档或幻灯片生成像素风 SVG 插画。当用户说“画像素图”“pixel art”“make an SVG illustration”“README hero image”或想要可爱视觉时使用。

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

将栅格绘图参考——包括截图、扫描件、照片、草图、导出的 PNG/JPG 文件及拍摄的平面图——转换为结构化、可编辑的 AutoCAD DWG/DXF 图纸，并带有明确的证据追踪、输入预检、规范校验、输出检查与视觉比对。当来源是图像而非可信的源 DWG 时，用于尺寸驱动的重绘、混合重建、视觉描图或仅几何重绘。

用代码创作生成与算法艺术——SVG、p5.js、canvas 与程序化技法。

生成并编辑含原生可编辑 DrawingML 形状的学术/科研 PPTX 演示。集成 SVG 转 DrawingML 流水线、XML 编辑与学术设计模板。当用户说“create academic PPT”“make presentation”“生成PPT”“做PPT”“制作演示文稿”“thesis defense”“学术报告”“开题报告”或提到“pptx”时使用。

生成以 Grav 角色 IP 为主角的手绘 16:9 文章插图。将文章概念转化为令人印象深刻的白板手绘式讲解，含一个反复出现的漂浮角色、少量注释与荒诞隐喻。

创建基于代码的视觉素材——SVG 图标、OG 图 HTML 模板、社交横幅与图标集。用于以代码（矢量/HTML）方式生成视觉，而非栅格图像——栅格生成见 @rune-pro/media。输出带使用说明的文件。

让用户在 Mira 幻灯片中提供的 SVG 动起来，赋予形状自身的运动（而非变成另一种形状，那是 morph）。使用离线内置的 GSAP（file://），并按 transform、DrawSVGPlugin（线条自行绘制）或 MotionPathPlugin（曲线）选择技法。要为某“部分”添加动画，该部分需是独立元素；若 SVG 以融合的单一 path 提供，技能会通过 clipPath 或编辑 path 将其拆分。会移除不透明背景、定义运动原点、继承零号规则并尊重 prefers-reduced-motion。只要用户说 /mira-svg-animator、让这个 svg 动起来、让蝴蝶扇翅膀、转动这个轮子、让这个图案动、滑动这个 svg、让它脉动、线条自行绘制，或提交一个 SVG 要求运动时使用。若要变成另一种形状，请用 mira-svg-morph 或 mira-icon-mor

文章插图：类型 × 风格 × 配色保持一致。

将 Figma 的 COMPONENT_SET 作为状态机来分析以用于代码生成——提取变体轴（状态/尺寸等），将状态变体映射到 CSS 伪类（hover→:hover、focus→:focus-visible、disabled→:disabled、error→[aria-invalid]），并计算每个变体的视觉差异（仅状态间变化的部分）。用于从 Figma 变体集生成交互组件——触发词：“analyze this component set”“turn these variants into CSS states”“generate a button/input/checkbox from Figma variants”“extract the state machine for this component”。会将绑定变量解析为令牌名。原生 MCP 的 get_design_contex

分析文章结构并生成公众号视觉素材，默认使用 Codex 内置 image_gen/image2。当用户说“制作封面图”、“生成封面”时输出一张 2.35:1 白底工程风封面图；当用户说“批量配图”、“给文章配图”、“生成文章插图”、“为这篇文章配图”时为段落批量生成多张专业逻辑图/概念图。自动保存到 Obsidian 图片目录并按需插入文档。

视觉内容系统。当用户需要美术、插画、示意图、可视化、Mermaid、流程图时使用。

先生成标准的“图像优先”PPTX，再运行 ppt-master 重建流程，产出原生可编辑 PPTX，从而创建 PowerPoint 演示文稿。当用户调用 $awesome-ppt-editable，或明确要求将 gpt-image/imagegen 的幻灯片图像转换为含原生文本、形状、图表与对象的可编辑 PPT 时使用。这是一个重建工作流，而非自动无损的栅格转矢量。

面向“图像模型渲染”PowerPoint 演示的核心 Awesome PPT 工作流。当用户调用 $awesome-ppt，或想通过设计整页图像提示来制作精美 PPT/PPTX——由 gpt-image/imagegen 渲染包含全部标题、正文、标签与视觉设计的完整幻灯片，再将这些渲染图组装为 PPTX；仅在可编辑模式下使用 ppt-master 将图像渲染的演示重建为原生可编辑文本、形状、图表与对象。

根据提示、简报或源文件创建标准的“图像优先”PowerPoint 演示。当用户调用 $awesome-ppt-std，或想要精美 PPT/PPTX——由 gpt-image/imagegen 渲染包含全部可见文字、标签、图示与视觉设计的完整整页图像，再组装为 PPTX 时使用。该模式不运行 ppt-master，也不声称完全原生可编辑。