MV

markdown-viewer/skills

开发工具

本页由 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个引擎,每个图形均取自以下一个 九个主题在styles/中定义,并从源表生成,源表由[[T1]门禁] (主题漂移·对比度·块渲染·块覆盖度·主题使用·结构)plus scripts/verify-examples.mjs 用于完整的渲染通行。

技能遵循特工技能格式。


🧭 快速导航

** 🚀 安装** • ** 🧩 软件包** ** ⚙️ 引擎** • ** ️ documd CLI** • ** 🔀 迁移技能** • ** 🔗 链接**


🚀 安装

快速安装(推荐)

该方法可与多个AI编码代理(Claude Code、Codex、Cursor等)共事,并发现 documd-visuals 包裹。

手动安装

对于Claude代码(手册)

为了 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
新手?先看 mcpskill.org 教程 →