Communitygithub.com

pamelinaamyloid829/viz-pack

コンテンツを図、インフォグラフィック、チャート、インタラクティブなビジュアルに変換するClaudeスキル。高速かつ明確なコミュニケーションを実現します。

viz-pack とは?

このスキルは、Claude CodeやCursor、CodexなどのAIエージェント向けに設計されたビジュアライゼーションパッケージです。テキストやデータを図、インフォグラフィック、チャート、インタラクティブなビジュアルに自動変換します。開発者やAIエージェントユーザーは、複雑な情報を視覚的に整理し、高速かつ明確なコミュニケーションを実現できます。Markdown、Mermaid、PlantUML、D3.jsなどの主要なビジュアルフォーマットに対応しており、コードスニペットやファイルパス、環境変数名などの技術要素はそのまま保持します。プロジェクトのドキュメント化、データ分析結果の可視化、プレゼンテーション用資料の作成など、幅広いユースケースで活用可能です。

対応✓Claude Code~Codex CLI~Cursor
npx skills add pamelinaamyloid829/viz-pack

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

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

ドキュメント

viz-pack は何をしますか?

コンテンツを図、インフォグラフィック、チャート、インタラクティブなビジュアルに変換するClaudeスキル。高速かつ明確なコミュニケーションを実現します。

特長

  • 図とダイアグラム: フローチャート、シーケンス図、クラス図などを自動生成
  • インフォグラフィック: 複雑なデータを視覚的に魅力的なインフォグラフィックに変換
  • チャート: 棒グラフ、折れ線グラフ、円グラフ、散布図など多様なチャートタイプに対応
  • インタラクティブビジュアル: ユーザー操作に応じて動的に変化するビジュアルを作成

対応プラットフォーム

  • Claude Code
  • Cursor
  • Codex
  • その他AIエージェント

使用方法

# 例: Mermaid形式でフローチャートを生成
claude "フローチャートでデータ処理パイプラインを可視化して"

サポートフォーマット

  • Markdown (Mermaid)
  • PlantUML
  • D3.js
  • Plotly
  • Matplotlib

設定

環境変数を使用して設定をカスタマイズできます:

  • VIZ_PACK_THEME: ビジュアルのテーマ(デフォルト: light)
  • VIZ_PACK_OUTPUT_DIR: 出力ディレクトリ(デフォルト: ./visuals)
  • VIZ_PACK_DEFAULT_FORMAT: デフォルトの出力フォーマット(デフォルト: svg)

貢献

バグ報告や機能リクエストは、GitHubリポジトリのIssueでお願いします。

ライセンス

MITライセンスの下で公開されています。詳細はリポジトリ内のLICENSEファイルをご確認ください。

関連スキル