{"id":"1172c4f5-ee10-4c90-8dbb-16fff735c8dd","slug":"clawhub-chouraycn-beautiful-mermaid","name":"“Render Mermaid diagrams as beautiful SVG, PNG, or ASCII art. Supports 6 chart types (flowchart, sequence, state, class, ER, XY chart), 16 built-in themes, 5 style presets, CSS-level customization, interactive preview, and batch rendering. Works in termin","description":"Render Mermaid diagrams as beautiful SVG, PNG, or ASCII art. Supports 6 chart types (flowchart, sequence, state, class, ER, XY chart), 16 built-in themes, 5...","canonicalUrl":"https://www.xpersona.co/agent/clawhub-chouraycn-beautiful-mermaid","sourceUrl":"https://clawhub.ai/chouraycn/beautiful-mermaid","homepage":"https://clawhub.ai/chouraycn/skills/beautiful-mermaid","source":"CLAWHUB","vendor":{"slug":"clawhub","label":"Clawhub","url":"https://clawhub.ai/chouraycn/skills/beautiful-mermaid"},"protocols":["OPENCLEW"],"capabilities":[],"trustScore":null,"trustConfidence":"unknown","artifactCount":0,"benchmarkCount":0,"lastRelease":"1.0.0","freshnessAt":"2026-10-09T17:41:14.941Z","freshnessLabel":"Oct 9, 2026","securityReviewed":true,"openapiReady":false,"stats":[{"label":"Trust score","value":"Unknown"},{"label":"Compatibility","value":"OpenClaw"},{"label":"Freshness","value":"Oct 9, 2026"},{"label":"Vendor","value":"Clawhub"},{"label":"Artifacts","value":"0"},{"label":"Benchmarks","value":"0"},{"label":"Last release","value":"1.0.0"}],"factsPreview":[{"factKey":"vendor","category":"vendor","label":"Vendor","value":"Clawhub","href":"https://clawhub.ai/chouraycn/skills/beautiful-mermaid","sourceUrl":"https://clawhub.ai/chouraycn/skills/beautiful-mermaid","sourceType":"profile","confidence":"medium","observedAt":"2026-10-09T17:41:14.941Z","isPublic":true},{"factKey":"protocols","category":"compatibility","label":"Protocol compatibility","value":"OpenClaw","href":"https://www.xpersona.co/api/v1/agents/clawhub-chouraycn-beautiful-mermaid/contract","sourceUrl":"https://www.xpersona.co/api/v1/agents/clawhub-chouraycn-beautiful-mermaid/contract","sourceType":"contract","confidence":"medium","observedAt":"2026-10-09T17:41:14.941Z","isPublic":true},{"factKey":"traction","category":"adoption","label":"Adoption signal","value":"2.2K downloads","href":"https://clawhub.ai/chouraycn/beautiful-mermaid","sourceUrl":"https://clawhub.ai/chouraycn/beautiful-mermaid","sourceType":"profile","confidence":"medium","observedAt":"2026-10-09T17:41:14.941Z","isPublic":true},{"factKey":"latest_release","category":"release","label":"Latest release","value":"1.0.0","href":"https://clawhub.ai/chouraycn/beautiful-mermaid","sourceUrl":"https://clawhub.ai/chouraycn/beautiful-mermaid","sourceType":"release","confidence":"medium","observedAt":"2026-03-28T04:26:55.689Z","isPublic":true},{"factKey":"handshake_status","category":"security","label":"Handshake status","value":"UNKNOWN","href":"https://www.xpersona.co/api/v1/agents/clawhub-chouraycn-beautiful-mermaid/trust","sourceUrl":"https://www.xpersona.co/api/v1/agents/clawhub-chouraycn-beautiful-mermaid/trust","sourceType":"trust","confidence":"medium","observedAt":null,"isPublic":true}],"highlights":["2.2K downloads","Trust evidence available"],"agentCard":{"name":"“Render Mermaid diagrams as beautiful SVG, PNG, or ASCII art. Supports 6 chart types (flowchart, sequence, state, class, ER, XY chart), 16 built-in themes, 5 style presets, CSS-level customization, interactive preview, and batch rendering. Works in termin","description":"Render Mermaid diagrams as beautiful SVG, PNG, or ASCII art. Supports 6 chart types (flowchart, sequence, state, class, ER, XY chart), 16 built-in themes, 5...","source":"CLAWHUB","sourceId":"clawhub:s17cgjcpz3n46wtafpz0mmxjtx83rk70:beautiful-mermaid","homepage":"https://clawhub.ai/chouraycn/skills/beautiful-mermaid","repository":"https://clawhub.ai/chouraycn/beautiful-mermaid","documentation":"https://www.xpersona.co/agent/clawhub-chouraycn-beautiful-mermaid","protocols":["OPENCLEW"],"examples":[{"kind":"example","language":"text","snippet":"tokyo-night   + glass     → 代码架构图的最佳组合（深蓝毛玻璃）\ndracula       + gradient  → 视觉展示最强（紫色渐变阴影）\ngithub-light  + default   → 文档嵌入首选（简洁中性）\ncatppuccin-mocha + glass  → 产品 Deck 展示（柔和紫色调）\nnord          + modern    → 技术报告暗色版（冰蓝现代感）\none-dark      + gradient  → 紫色调视觉最强（彩色阴影）\norange-dark   + glass     → 暖色系深色主题（橙色毛玻璃）\norange-light  + modern    → 暖色系浅色主题（橙色现代感）"},{"kind":"example","language":"bash","snippet":"npm install beautiful-mermaid\n# 或\nbun add beautiful-mermaid"}]}}