Communityコーディング&開発github.com

varkart/visualcave

スタンドアロンHTMLファイルとしてインタラクティブな技術図を作成するエージェントスキル(Mermaid.js、ダークモード、ステップ実行、エクスポート対応)

visualcave とは?

Visualcave は、AIエージェント(Claude Code、Cursor、Codexなど)がインタラクティブな技術図(アーキテクチャ図、フローチャート、シーケンス図など)をスタンドアロンHTMLファイルとして生成できるようにするスキルです。このスキルの主な利点は、生成された図が外部ツールやサーバーを必要とせず、ブラウザで直接開いて操作できることです。Mermaid.js を使用してダイアグラムをレンダリングし、ダークモード、ステップスルー(アニメーション表示)、PNG/SVG エクスポート機能を標準で備えています。開発者はこのスキルを使って、ドキュメントやプレゼンテーション用のリッチな図を素早く作成し、チームと共有できます。SKILL.md に従い、エージェントはユーザーの指示に基づいて図の定義(Mermaid 構文)を生成し、それを1つのHTMLファイルにパッケージングします。

対応~Claude Code~Codex CLI~Cursor✓Antigravity
Part ofMobile
npx skills add varkart/visualcave

Installed? Explore more コーディング&開発 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

visualcave は何をしますか?

スタンドアロンHTMLファイルとしてインタラクティブな技術図を作成するエージェントスキル — Mermaid.js、ダークモード、ステップスルー、エクスポート

関連スキル