使用 beautiful-mermaid 库将 Mermaid 图表渲染为精美的 SVG 或 ASCII 艺术图。支持 15 种以上主题、5 种图表类型（流程图、时序图、状态图、类图、ER 图）以及超快渲染。
该技能利用 beautiful-mermaid 库，将 Mermaid 图表代码转换为高质量的 SVG 或终端友好的 ASCII 艺术图。它支持 5 种图表类型——流程图、时序图、状态图、类图以及实体关系图——并提供了 15 种以上可自定义的主题，可以轻松为输出结果“美化”。渲染引擎经过优化，性能极快，无论是单个图表还是批量处理 .mmd 文件都能胜任。它在所有支持 Mermaid 的平台（如 Claude Code、Cursor、Codex 以及通用 AI 代理环境）上都能良好运行。该技能对于可视化架构、工作流或数据模型特别有用，并且能够处理用户关于“渲染图表”、“应用主题”或“创建 ASCII 友好图表”等请求。
npx skills add https://github.com/imxv/pretty-mermaid-skills/tree/main/skills/pretty-mermaidInstalled? Explore more 图像 skills: steipete/songsee, affaan-m/frontend-design, mattpocock/improve-codebase-architecture · View all 6 →
使用 beautiful-mermaid 库将 Mermaid 图表渲染为精美的 SVG 或 ASCII 艺术图。支持 15 种以上主题、5 种图表类型（流程图、时序图、状态图、类图、ER 图）以及超快渲染。在以下情况下使用本技能：1. 用户要求“渲染一个 Mermaid 图表”或提供了 .mmd 文件；2. 用户请求“创建一个流程图/时序图/状态图”；3. 用户想要“应用主题”或“美化图表”；4. 用户需要“批量处理多个图表”；5. 用户提及“ASCII 图表”或“终端友好图表”；6. 用户想要可视化架构、工作流或数据模型。
Generate spectrograms and feature-panel visualizations from audio with the songsee CLI.
Create distinctive, production-grade frontend interfaces with high design quality. Use when the user asks to build web components, pages, or applications and the visual direction matters as much as the code quality.
Scan a codebase for deepening opportunities, present them as a visual HTML report, then grill through whichever one you pick.
Add documentation for a new AI provider — usage docs, env vars, Docker config, image resources.
Tests in real browsers via Chrome DevTools MCP. Use when building or debugging anything that runs in a browser. Use when you need to inspect the DOM, capture console errors, analyze network requests, profile performance, or verify visual output with real runtime data. Requires the chrome-devtools MCP server to be configured.
This skill should be used when the user wants to visualize data. It intelligently selects the most suitable chart type from 26 available options, extracts parameters based on detailed specifications, and generates a chart image using a JavaScript script.