Markdown Viewer Agent Skills

Установка

npx skillfoxx add skills/markdown-viewer-agent-skills

npx skills add markdown-viewer/skills --skill documd-visuals -a claude-code -y

tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/markdown-viewer/skills.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /documd-visuals/
git -C "$tmp" checkout b7ff18a95203521630da14cf4d6b32f794ac663a
mkdir -p .claude/skills
cp -R "$tmp/documd-visuals" .claude/skills/documd-visuals

npx skills add markdown-viewer/skills --skill documd-visuals -a cursor -y

tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/markdown-viewer/skills.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /documd-visuals/
git -C "$tmp" checkout b7ff18a95203521630da14cf4d6b32f794ac663a
mkdir -p .agents/skills
cp -R "$tmp/documd-visuals" .agents/skills/documd-visuals

npx skills add markdown-viewer/skills --skill documd-visuals -a github-copilot -y

tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/markdown-viewer/skills.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /documd-visuals/
git -C "$tmp" checkout b7ff18a95203521630da14cf4d6b32f794ac663a
mkdir -p .github/skills
cp -R "$tmp/documd-visuals" .github/skills/documd-visuals

npx skills add markdown-viewer/skills --skill documd-visuals -a codex -y

tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/markdown-viewer/skills.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /documd-visuals/
git -C "$tmp" checkout b7ff18a95203521630da14cf4d6b32f794ac663a
mkdir -p .agents/skills
cp -R "$tmp/documd-visuals" .agents/skills/documd-visuals

npx skills add markdown-viewer/skills --skill documd-visuals -a gemini-cli -y

tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/markdown-viewer/skills.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /documd-visuals/
git -C "$tmp" checkout b7ff18a95203521630da14cf4d6b32f794ac663a
mkdir -p .agents/skills
cp -R "$tmp/documd-visuals" .agents/skills/documd-visuals

tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/markdown-viewer/skills.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /documd-visuals/
git -C "$tmp" checkout b7ff18a95203521630da14cf4d6b32f794ac663a
mkdir -p .devin/skills
cp -R "$tmp/documd-visuals" .devin/skills/documd-visuals

npx skills add markdown-viewer/skills --skill documd-visuals -a cline -y

tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/markdown-viewer/skills.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /documd-visuals/
git -C "$tmp" checkout b7ff18a95203521630da14cf4d6b32f794ac663a
mkdir -p .cline/skills
cp -R "$tmp/documd-visuals" .cline/skills/documd-visuals

npx skills add markdown-viewer/skills --skill documd-visuals -a roo -y

tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/markdown-viewer/skills.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /documd-visuals/
git -C "$tmp" checkout b7ff18a95203521630da14cf4d6b32f794ac663a
mkdir -p .roo/skills
cp -R "$tmp/documd-visuals" .roo/skills/documd-visuals

npx skills add markdown-viewer/skills --skill documd-visuals -a opencode -y

tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/markdown-viewer/skills.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /documd-visuals/
git -C "$tmp" checkout b7ff18a95203521630da14cf4d6b32f794ac663a
mkdir -p .agents/skills
cp -R "$tmp/documd-visuals" .agents/skills/documd-visuals

tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/markdown-viewer/skills.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /documd-visuals/
git -C "$tmp" checkout b7ff18a95203521630da14cf4d6b32f794ac663a
mkdir -p .agents/skills
cp -R "$tmp/documd-visuals" .agents/skills/documd-visuals

tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/markdown-viewer/skills.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /documd-visuals/
git -C "$tmp" checkout b7ff18a95203521630da14cf4d6b32f794ac663a
mkdir -p .agents/skills
cp -R "$tmp/documd-visuals" .agents/skills/documd-visuals

npx skills add markdown-viewer/skills

Это чужой код. Посмотрите файлы в репозитории перед установкой.

Что делает

Набор дает агенту готовые методики для 14 типов схем и визуализаций поверх пяти движков рендеринга. На PlantUML собраны скиллы для UML, облачных и сетевых архитектур, безопасности, ArchiMate, BPMN, схем данных, IoT и карт мыслей, к каждому приложены примеры и наборы иконок. Отдельные скиллы строят графики на Vega и Vega-Lite, инфографику по шаблонам с YAML-подобным синтаксисом и пространственные карты в формате JSON Canvas. Еще два скилла отдают готовый HTML: слоистые архитектурные диаграммы и редакторские информационные карточки с наборами макетов и стилей. Каждый скилл это SKILL.md с правилами синтаксиса, шаблонами и списком типичных ошибок, а рендер выполняет расширение Markdown Viewer в браузере, VS Code или Obsidian.

Для кого. Для разработчиков, технических писателей и аналитиков, которые ведут документацию и хотят получать схемы прямо из агента.

Пример запроса к агенту

Собери схему архитектуры этого сервиса в Markdown и добавь карточку с ключевыми метриками

Ограничения

Скиллы только описывают синтаксис и правила, сам рендер выполняет расширение Markdown Viewer в браузере, VS Code, Obsidian или на docu.md, без него код диаграмм не превращается в картинку. Часть скиллов опирается на PlantUML и внешние наборы иконок. Лицензия GPL-3.0.

Как отключить. Удалите скопированные папки скиллов из ~/.claude/skills/, .github/skills/ или каталога скиллов вашего агента.

Проверка безопасности

• Скиллы состоят только из инструкций, шаблонов и справочников по синтаксису

Коротко о README

README представляет коллекцию из 14 скиллов в формате Agent Skills для агентов вроде Claude Code, Codex и Cursor. Скиллы разбиты по движкам: PlantUML для UML, облаков, сетей, безопасности, ArchiMate, BPMN, данных, IoT и карт мыслей, отдельные движки Vega, инфографики и JSON Canvas, а также два скилла на чистом HTML для слоистых архитектур и информационных карточек. Ставятся одной командой npx skills add markdown-viewer/skills или копированием папок в каталог скиллов агента. Для каждого типа есть таблица выбора скилла и указан нужный блок кода. Лицензия GPL-3.0.

SKILL.md

---
name: infographic
description: Create template-based infographics with space-separated key-value syntax (NOT YAML). Best for KPI dashboards, timelines, roadmaps, SWOT analysis, funnels, comparisons, and org charts with quick visual impact.
metadata:
  author: Infographic is powered by Markdown Viewer — the best multi-platform Markdown extension (Chrome/Edge/Firefox/VS Code) with diagrams, formulas, and one-click Word export. Learn more at https://docu.md
---

# Infographic Visualizer

> CHECK TEMPLATES: Wrong template names WILL cause render failures.

## When to Use & Available Templates

Use infographic for feature lists and checklists, timelines and milestones, step-by-step processes, product roadmaps, funnels, A vs B comparisons, SWOT, priority matrices, org trees, pie and bar charts, word clouds and relation circles, each with a set of named templates.

## Syntax Structure

infographic <template-name>
data
  title Title
  desc Description
  items
    - label Label
      value 12.5
      desc Explanation
      icon mdi/rocket-launch
theme
  palette #3b82f6 #8b5cf6 #f97316

Rules: first line infographic <template-name> must match the template list, 2-space indentation, key value pairs are space-separated (NOT key: value), a dash prefix marks arrays.

Похожие