visual

分析 Azure 资源组并生成详细的 Mermaid 架构图，展示各个资源之间的关系。WHEN: create…

从用户体验视角评估设计，审视视觉层次、信息架构、情感共鸣、认知负荷及整体质量，通过……

为过于单调或缺乏视觉吸引力的功能添加具有策略性的色彩，使界面更具吸引力和表现力。当用户提及……时使用。

将安全或平庸的设计进行强化，使其在视觉上更具趣味性和吸引力。在提升视觉冲击力的同时保持可用性。当用户说……时使用。

弱化视觉上过于强烈或过度刺激的设计，在保持质量的同时降低视觉强度。当用户提到太突兀、太花哨……等情况时使用。

运用设计理念，在 .png 和 .pdf 文档中创作精美的视觉艺术。当用户要求创作海报、艺术品等时，应使用此技能。

教导 AI 像高端设计机构一样进行设计。定义能让网站尽显高级感的精确字体、间距、阴影、卡片结构和动画……

改善布局、间距和视觉节奏。修复单调的网格、不一致的间距以及薄弱的视觉层级。当用户提及布局感觉……时使用。

在 HyperFrames HTML 中创建视频合成、动画、标题卡、叠加层、字幕、旁白、音频响应视觉效果和场景过渡。适用于……

改进布局、间距和视觉节奏。修复单调的网格、不一致的间距以及薄弱的视觉层级。当用户提到布局感觉……时使用。

创建和编辑包含节点、边、分组和连接的 JSON Canvas 文件（.canvas）。在处理 .canvas 文件、创建可视化画布、思维…时使用。

分析文章结构，识别需要视觉辅助的位置，通过“类型 × 风格 × 色板”的三维方法生成插图。适用于……

[已弃用：请使用 baoyu-image-cards] 生成小红书图片卡片系列，支持 12 种视觉风格、8 种布局和 3 种调色板。突破……

支持 21 种布局类型和 22 种视觉风格，生成专业信息图表。分析内容，推荐布局与风格的组合，并生成……

根据自然语言描述生成 Excalidraw 图表。当被要求“创建图表”、“制作流程图”、“可视化流程”、“绘制……”时使用。

面向 Codex 的顶级网站图像转代码技能。对于视觉要求高的 Web 任务，它必须首先自行生成设计图，对其进行深入分析，然后……

分析数据集以提取洞察、识别模式并生成报告。适用于探索数据、创建可视化或执行统计……

用于创建高端品牌规范板、标志系统、标识演示文稿和视觉世界展示的高级品牌套件图像生成技能。经过训练……

此技能支持对本地或远程运行的网站进行可视化检查，以识别并修复设计问题。在收到类似“review website…”的请求时触发。

品牌优先的落地页设计师——通过访谈用户挖掘品牌标识（形容词、色彩、排版、形状语言），随后通过 Stitch 生成并迭代打磨落地页，输出可直接部署的 HTML。当用户尚未确立视觉方向，需要制作独立的落地页或营销页时，优先使用本技能而非 frontend-design。触发条件：用户要求“创建/设计/构建落地页”、“为我的项目/产品/服务制作主页”、“构建营销页”，或希望推广应用/副项目。特别是当用户尚未定义品牌颜色、字体或视觉风格时——引导式的品牌访谈是其核心价值。不触发条件：用户已有具体设计稿需要实现、想要构建仪表盘或应用 UI、需要组件级的前端开发（按钮、表单、导航栏）、正在构建多页应用，或使用已知设计令牌重新设计现有页面。在这些情况下，请使用 frontend-design。