visual-explainer
生成美观且自包含的HTML页面，以可视化方式解释系统、代码变更、计划和数据。当用户请求图表、架构概览、差异审查、计划审查、项目回顾、比较表格或任何技术概念的视觉化说明时使用。当你要渲染复杂ASCII表格（4行以上或3列以上）时，也应主动将其...
技能说明
生成美观且自包含的HTML页面，以可视化方式解释系统、代码变更、计划和数据。当用户请求图表、架构概览、差异审查、计划审查、项目回顾、比较表格或任何技术概念的视觉化说明时使用。当你要渲染复杂ASCII表格（4行以上或3列以上）时，也应主动将其转换为样式化的HTML页面。
Generate beautiful HTML diagrams for technical concepts like architectures, code diffs, plans, and data visualizations proactively when tables are complex
查看英文原始说明
Generate beautiful, self-contained HTML pages that visually explain systems, code changes, plans, and data. Use when the user asks for a diagram, architecture overview, diff review, plan review, project recap, comparison table, or any visual explanation of technical concepts. Also use proactively when you are about to render a complex ASCII table (4+ rows or 3+ columns) — present it as a styled HTML page instead.
安装步骤
直接复制以下提示词，发送给你的 AI 助手即可完成安装。
- 点击上方「下载 SKILL」按钮，获取技能压缩包。
- 将压缩包解压到你的 Agent 技能目录。
- 重启客户端后即可在技能列表中选择该技能。