diagram-design cathrynlavery

29 editorial diagram types for Claude Code. Self-contained HTML + SVG. No shadows, no Mermaid-slop.

主要言語
HTML
Stars
14,766
Forks
887

タグ

  • Claudeスキル
  • 可視化
  • テンプレート/スキャフォールド
  • フロントエンド
  • デザインシステム
  • マルチプラットフォーム

概要

デザイナーにも納得できる編集品質のダイアグラムをAIエージェントが生成できるようにするClaude Codeスキル。27種類のビジュアルタイプを自己完結型のHTML+SVGテンプレートとして提供し、ビルド工程や外部依存なしにブラウザで直接表示できる。Mermaidやdraw.ioの既存ソースを指定フォーマット・サイズ・詳細度で書き直すことも可能。Claude Code、Codex、PiなどAgent Skills対応ツールで利用でき、ブログやドキュメント用の図解作成に適する。

README

# Diagram Design（ダイアグラムデザイン） **デザイナーも嫌がらない編集品質のダイアグラム。** ![Content site architecture](docs/screenshots/architecture.png) ![The self-improving loop](docs/screenshots/loop.png) *2.0の新機能 — Loop（ループ）: 共有メモリハブを中心にしたフライホイール。点線は書き戻し（write-back）を表します。* *2.3の新機能: セマンティックなシステムパターンと、オプションのアクセシブルなモーション。静的出力は引き…

查看完整页面