SkillHey.
スキルを投稿

Pretty Mermaid Skills

imxv/Pretty-mermaid-skills

Create and render Mermaid diagrams as themed SVG, PNG, or terminal-friendly text for architecture notes, READMEs, and technical discussions.

内容更新日:

GitHub で見る
npx skills add imxv/Pretty-mermaid-skills --skill pretty-mermaid
1,574スター78フォークリポジトリの最終プッシュ
Pretty Mermaid Skills — Pretty Mermaid converts Mermaid source into themed SVG, PNG, and terminal ASCII diagrams

Pretty Mermaid Skills — Pretty Mermaid converts Mermaid source into themed SVG, PNG, and terminal ASCII diagrams

プロジェクトのスクリーンショット

Pretty Mermaid Skills — Pretty Mermaid converts Mermaid source into themed SVG, PNG, and terminal ASCII diagrams

このスキルについて

Create and render Mermaid diagrams as themed SVG, PNG, or terminal-friendly text for architecture notes, READMEs, and technical discussions.

おすすめする理由

Curated from the upstream task instructions. Use the original repository and its linked runtime files for installation, dependencies, and licensing.

使う前に

  • Requires the upstream rendering tools; choose the output format and diagram type appropriate to the destination.

対応エージェント

Claude CodeCodex CLICursorGitHub CopilotDeepSeek HarnessGemini CLIGrok BuildHermes AgentOpenCodePiKiroRovo DevQoderMistral VibeGoogle Antigravity

資料・参照元

元の資料は以下のリンクから確認できます。実践のヒントは SkillHey による編集上の提案です。

SkillHey 編集
mermaiddiagramssvg

類似するスキル

The author's Flat Icon animation of a Mem0 memory architecture, showing memory extraction, storage, and retrieval.
無料
画像

Fireworks Tech Graph

Turn English or Chinese descriptions into technical SVG diagrams with Codex or Claude Code. Create architecture and workflow diagrams, export PNG or offline interactive HTML, and animate supported scenes as GIFs.

1.2万スター936フォーク
リポジトリの最終プッシュ
yizhiyanhua-ai

Obsidian Mind — Mermaid Diagrams

breferrari

Transform text content into professional Mermaid diagrams for presentations and documentation.

  • mermaid
  • diagrams
5528スター613フォーク
リポジトリの最終プッシュ
SeeCode Diagrams — Bar chart export
無料
画像

SeeCode Diagrams

Create animated and explorable diagrams from compact JSON specifications, with scripted layout, styling, motion, and export workflows.

934スター68フォーク
リポジトリの最終プッシュ
Aryan Utkarsh
The author's light-theme demo: an agent prompt becomes an architecture diagram, followed by a diagram redesign and the gallery.
無料
画像

Diagram Design

Create editorial diagrams in your brand with an AI agent. Supports architecture, flowcharts, data charts, and redraws from Mermaid, draw.io, and Excalidraw, with HTML, SVG, and PNG output.

6.7万スター4431フォーク
リポジトリの最終プッシュ
Cathryn Lavery