MV

markdown-viewer/skills

Developer tools

このページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。 原文を見る

3386 stars 品質 76 トレンド 42CC-BY-4.0

AIコーディングエージェントがMarkdownで直接美しい図やビジュアライゼーションを作成するための意見を持ったスキル。

概要

AIコーディングエージェントがMarkdownで直接美しい図や可視化を作成するための意見を持ったスキル。これらのスキルは、図の作成、データ可視化、技術文書の各分野でエージェントの能力を拡張します。 ソフトウェアモデリングからエンタープライズアーキテクチャ、データ分析、編集品質のコンテンツカードまで、5つのレンダリングエンジンをカバーしています。 この方法は複数のAIコーディングエージェント(Claude Code、Codex、Cursorなど)で動作します。 スキルを知識のプロジェクトに追加したり、SKILL.md 内容を会話に貼り付けましょう。 スキルは.github/skills/ディレクトリに入れると自動的に検出されます。 これらのスキルは、Markdownに直接埋め込まれたHTMLやCSSを生成します(コードフェンスなし): これらのスキルはPlantUMLを図式エンジンとして使い、ドメイン固有のmxgraphステンシルアイコンや慣習を用いています。すべてPUMLコードフェンスを使用しています。 各 SKILL.md には、名前、説明、メタデータフィールドを含み、よくあるエラーを避けるための参照用、そして解決策が含まれています。

概要(AI 翻訳)

docu.md Markdownパイプラインのエージェントスキル。スキルパッケージは**whatによって整理されています 読者は欲しいと言い、レンダリングエンジンが実装の参照として存在します。

242の検証済み例 ·183のシナリオ ·31の目標領域 ·5つのエンジン、すべての図形はのいずれかから色付けされています 9つのテーマはstyles/で定義され、scripts/check-all.mjsでゲートされたソーステーブルから生成されます。 (テーマドリフト・コントラスト・ブロックレンダリング・ブロックカバレッジ・テーマ使用・構造)プラス scripts/verify-examples.mjsはフルレンダーパスのためです。

スキルはエージェントスキルの形式に従います。


🧭 クイックナビゲーション

** 🚀 インストール** ** 🧩 パッケージ** ** ⚙️ エンジン** ** ️ documd CLI** ** 🔀 ** 移行されたスキル** • ** 🔗 リンク**


🚀 設置

クイックインストール(推奨)

この手法は複数のAIコーディングエージェント(Claude Code、Codex、Cursorなど)と連携し、 documd-visualsパッケージ。

手動インストール

Claude Code(マニュアル)用

** claude.ai のために**

パッケージをプロジェクト知識に追加するか、SKILL.mdの内容を会話に貼り付けてください。

GitHub Copilot / VS Code用

パッケージは.github/skills/ディレクトリに配置されると自動的に検出されます。


このページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。

README

以下は原文 README の抜粋です。原文を見る。

docu.md skills

Agent skills for the docu.md Markdown pipeline. One skill package, organised by what the reader wants, with the rendering engines behind it as implementation references.

242 verified examples · 183 scenarios · 31 goal domains · 5 engines, every figure coloured from one of nine themes defined in styles/ and generated from a source table, gated by scripts/check-all.mjs (theme drift · contrast · block render · block coverage · theme usage · structure) plus scripts/verify-examples.mjs for the full render pass.

Skills follow the Agent Skills format.


🧭 Quick Navigation

🚀 Installation • 🧩 The Package • ⚙️ Engines • �️ The documd CLI • �🔀 Migrated Skills • 🔗 Links


🚀 Installation

npx skills add markdown-viewer/skills

This method works with multiple AI coding agents (Claude Code, Codex, Cursor, etc.) and discovers the documd-visuals package.

Manual Installation

For Claude Code (Manual)

cp -r skills/documd-visuals ~/.claude/skills/

For claude.ai

Add the package to project knowledge or paste SKILL.md contents into the conversation.

For GitHub Copilot / VS Code

Packages are automatically detected when placed in .github/skills/ directory.


🧩 The Package

skills/
├── documd-visuals/        ← the skill package — the only skill here, and the only thing installed
│   ├── SKILL.md           ← router: iron rules, 31 goals, capability boundaries
│   ├── converting.md      ← the documd CLI: install, formats, flags, what survives an export
│   ├── catalog/           ← every scenario: domain, engines, tier, example files
│   ├── goals/             ← one guide per goal domain
│   ├── engines/           ← per-engine reference + coverage/ ledgers (units, then examples by goal)
│   ├── examples/          ← 242 verified examples, grouped by goal domain
│   └── styles/            ← palette.md (the contract) + themes/.md (values + a block per engine)
├── research/              ← engine dossiers: coverage ledgers + verification notes (repo-only, never shipped)
└── scripts/               ← repo-level gates (not shipped)

The package is self-contained: it never cites research/ or scripts/, and the gate fails the build if it does. If you install the package, everything it references is inside it — and every file inside it is reachable from SKILL.md, which validate-skills.mjs enforces. The one exception is LICENSE.md: a legal attachment is not routing content, so it ships with the package without being linked from the router.

research/ and scripts/ are not discovered as skills: the CLI finds a skill by locating a SKILL.md, and neither directory contains one. Verified — npx skills add ./skills --list reports

GitHub で README 全文を見る

推奨ツール

別のキーワードを試すか、フィルタを外してください。

インストール

npx skillfish add markdown-viewer/skills
MCP 初心者?mcpskill.org のガイドから始めましょう →