Markdown Viewer Agent Skills
Набор из 14 скиллов, которые учат агента строить диаграммы и визуализации прямо в Markdown: UML, облачные и сетевые схемы, графики, карты и карточки
- 3 402 ★ репозитория
- Последний коммит
- CC-BY-4.0
Минимальный доступ
Почему такой уровень
- Скиллы состоят только из инструкций, шаблонов и справочников по синтаксису
Установка
- Работает в
Ручная установка
npx skills add markdown-viewer/skillsСтавит скиллы сразу в несколько агентов: Claude Code, Codex, Cursor и другие.
Доступ и проверки
Как мы проверяемМинимальный доступИнструмент ничего не запускает и не ходит в сеть.
- Скиллы состоят только из инструкций, шаблонов и справочников по синтаксису
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Набор дает агенту готовые методики для 14 типов схем и визуализаций поверх пяти движков рендеринга. На PlantUML собраны скиллы для UML, облачных и сетевых архитектур, безопасности, ArchiMate, BPMN, схем данных, IoT и карт мыслей, к каждому приложены примеры и наборы иконок. Отдельные скиллы строят графики на Vega и Vega-Lite, инфографику по шаблонам с YAML-подобным синтаксисом и пространственные карты в формате JSON Canvas. Еще два скилла отдают готовый HTML: слоистые архитектурные диаграммы и редакторские информационные карточки с наборами макетов и стилей. Каждый скилл это SKILL.md с правилами синтаксиса, шаблонами и списком типичных ошибок, а рендер выполняет расширение Markdown Viewer в браузере, VS Code или Obsidian.
Для кого. Для разработчиков, технических писателей и аналитиков, которые ведут документацию и хотят получать схемы прямо из агента.
Подходит, если
- Нужно нарисовать архитектурную, сетевую или облачную схему в документации
- Нужен график, инфографика или карта мыслей из данных без ручной верстки
- Нужны редакторские карточки с summary или метриками для README и заметок
Не подходит, если
- Нет расширения Markdown Viewer или другого совместимого просмотрщика, который отрисует результат
- Нужна интерактивная правка холста, а не статичная схема в Markdown
Пример запроса к агенту
Собери схему архитектуры этого сервиса в Markdown и добавь карточку с ключевыми метрикамиОграничения
Скиллы только описывают синтаксис и правила, сам рендер выполняет расширение Markdown Viewer в браузере, VS Code, Obsidian или на docu.md, без него код диаграмм не превращается в картинку. Часть скиллов опирается на PlantUML и внешние наборы иконок. Лицензия GPL-3.0.
Как отключить. Удалите скопированные папки скиллов из ~/.claude/skills/, .github/skills/ или каталога скиллов вашего агента.
Частые вопросы
Нужно ставить все 14 скиллов?
Нет. Можно скопировать в каталог скиллов только нужные папки, например uml и infographic.
Чем рендерятся диаграммы?
Расширением Markdown Viewer для браузера, VS Code или Obsidian, а также на docu.md. Скиллы дают только синтаксис и правила.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
СкиллыНабор скиллов для создания интерактивных учебников на MkDocs: граф понятий, главы, симуляции, тесты и глоссарий.
16 готовых скиллов для Cursor, Claude Code и Codex: диссертации, PDF и Office, схемы draw.io, документация проекта
Скилл рисует по короткой JSON-спецификации анимированные диаграммы 45 типов и сохраняет их в HTML, SVG, PNG, GIF и MP4
Скилл рисует проверенные схемы архитектуры, процессов, последовательностей и потоков данных в один интерактивный HTML-файл
Три скилла, которые превращают текст в диаграммы Excalidraw, Mermaid и холсты Obsidian Canvas
Draw.io Skill
Draw.io Skill for Claude & Codex
Скиллы для диаграмм draw.io: архитектура, сети, блок-схемы, импорт из Terraform и кода, офлайн-генерация из YAML и экспорт в PNG и SVG
Коротко о 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.
Бейдж для README
Исходный 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.