KOENJA
無料ではじめる

diagram-design スキル

Claude Code等に対応した45種のHTML/SVG図表を生成します。

スキル#28 · スコア 73GitHub
GitHubで見る導入方法

何をするか

Claude Code等に対応した45種のHTML/SVG図表を生成します。

原文を見る

Editorial diagram design for Claude Code, Codex, GitHub Copilot, Cursor, Factory Droid, Qoder, and Pi. 45 diagram types. Self-contained HTML + SVG. No shadows. No Mermaid slop.

diagram-design スキルの導入方法

Claude Code・Codexでは、SKILL.mdのあるフォルダをスキルフォルダ(~/.claude/skills/)に入れます。Claudeアプリではそのフォルダをzipにして、設定 → 機能 → スキルにアップロードします。

git clone --depth 1 https://github.com/cathrynlavery/diagram-design.git
# SKILL.mdのあるフォルダをスキルフォルダに入れます

初めてのリポジトリやサーバーは中身をざっと確認してから接続してください。キーやパスワードは提供元にだけ入れます。

リポジトリ情報

リポジトリgithub.com/cathrynlavery/diagram-design
GitHubスター60,209
フォーク3,886
ライセンスMIT
最終更新2026-10-21
作成日2026-04-16
主な言語HTML
トピックagent-skills claude-code codex data-visualization diagrams drawio mermaid svg
ホームページhttps://diagramdesign.dev

選んだ理由 · #28 · スコア 73

  • 人気 (47%)85
  • 信頼 (33%)100
  • 会員評価今週は未反映
  • 検索需要 (20%)0
  • 検索・AI概要での評判今週は未反映

出典: GitHub · 60,209 stars · 初選定 2026-10-20

信頼チェック

  • ✓ 最近の活動
  • ✓ 十分な説明
  • ✓ ライセンス明記
  • ✓ アーカイブされていない

選定基準を見る →

作者の方へ:READMEにバッジを付ける

[![ListeningMind pick](https://daas.listeningmind.ai/badge/skills/x-skill-cathrynlavery-diagram-design.svg)](https://daas.listeningmind.ai/en/catalog/skills/x-skill-cathrynlavery-diagram-design)

買い方

人が買うとき

リマをチャージして使った分だけ差し引きます(1リマ = 10円、1リマ単位)。現在チャージは相談で承ります。チャージの相談 · m-support@listeningmind.com

エージェントが買うとき

エージェントは提供元の方法で接続します。ListeningMindのリマ決済は、提供元が登録・連携すると使えます。

評価 ·

    まだ評価がありません。

    評価できる人: 会員なら誰でも。何を試したかを一行で書いていただくと、確認後に公開します. 名前は最初の一文字だけ表示されます。もう一度残すと前の評価を置き換えます。

    よくある質問

    diagram-design スキルとは何ですか？

    Claude Code等に対応した45種のHTML/SVG図表を生成します。GitHubに登録された項目で、ListeningMind.AIが毎週選ぶ厳選リストで28位（スコア73）です。

    diagram-design スキルはどう導入しますか？

    github.com/cathrynlavery/diagram-design を取得し、SKILL.mdのあるフォルダを ~/.claude/skills/ に入れます。Claudeアプリではそのフォルダをzipでアップロードします。

    無料ですか？

    はい。オープンソースのリポジトリで、ライセンスはMITです。スキルが呼び出す外部サービスの料金は別です。

    料金はいくらですか？

    無料(オープンソース)。 利用料は提供元の基準で別途かかる場合があります。

    信頼して使えますか？

    通過したチェック：最近の活動, 十分な説明, ライセンス明記, アーカイブされていない。初めて使うサーバーやリポジトリは中身を確認してから接続してください。