markdown-viewer/skills

何を解決するか

このプロジェクトは、AIコーディングエージェントがMarkdown内ですべてのプロフェッショナルな図やデータ可視化、技術文書を生成できるようにする、専門的な指示（スキル）のセットを提供します。エージェントのテキスト作成能力と、クラウドアーキテクチャ、UML図、データチャートなどの複雑な視覚的表現の作成能力のギャップを埋めます。

動作方法

このプロジェクトは、Agent Skillsフォーマットに従って14の異なるスキルを定義しています。各スキルは、YAMLフロントマター、構文ルール、テンプレートを含む SKILL.md ファイルで構成されています。AIエージェント（Claude Code、Cursor、GitHub Copilotなど）がこれらのスキルを使用すると、特定の指示に従って正しいコードフェンス（例：```vega-lite または ```plantuml）や、直接のHTML/CSSを出力します。これらの出力は、互換性のあるMarkdownビューア拡張機能によって視覚的にレンダリングされます。

対象ユーザー

• AIエージェントユーザー：システムのドキュメント作成にAIコーディングエージェントを使用する開発者やアーキテクト。
• AIエージェント開発者：LLMベースのワークフローに標準化された視覚的機能を統合したい人。
• 技術文書作成者：一貫性がありプロフェッショナルな図やインフォグラフィックをAI生成したい人。

主な特徴

• 広範な視覚範囲：ソフトウェアモデリング（UML）、クラウドインフラ（AWS/Azure/GCP）、データ分析パイプライン、IoTセンサーネットワークまで、あらゆる分野に対応。
• 複数のレンダリングエンジン：Vega-Lite、PlantUML、JSON Canvas、および直接のHTML/CSSと統合。
• エージェント互換性：Claude CodeやVS Codeなど、人気エージェントへの簡単なインストールを想定。
• 豊富なアイコンライブラリ：プロフェッショナルなアーキテクチャ図に適した、数千ものmxgraphステンシルアイコンへのアクセスを提供。