create_mermaid_visualization_for_github — промпт для Claude Code
Промпт превращает сложные идеи, описания логики или процессов в разметку диаграмм Mermaid для GitHub. Он генерирует готовый блок кода и краткое пояснение к структуре.
.claude/commands/create_mermaid_visualization_for_github.mdЧто делает create_mermaid_visualization_for_github
Промпт берёт переданный текст и строит по нему детальную диаграмму Mermaid. Результат оборачивается в блок кода, пригодный для вставки напрямую в README.md на GitHub. В визуализации используются блоки, стрелки и текстовые подписи, чтобы схема читалась без дополнительных справочников.
Под кодовой разметкой промпт добавляет раздел VISUAL EXPLANATION. В нём логика построения поясняется пунктами длиной до 10 слов каждый. Если схема и пояснение расходятся по смыслу, инструкция требует перестроить диаграмму заново.
Когда переданная идея содержит слишком много разнородных деталей, промпт сжимает её до главного вывода. Для отображения схемы нужен рендерер с поддержкой синтаксиса Mermaid.
Какие задачи решает
- перевести текстовое описание системы в граф Mermaid для
README.md - визуализировать связи между компонентами архитектуры
- получить краткое объяснение структуры схемы пунктами по 10 слов
- упростить перегруженное описание до понятной диаграммы с главным выводом
Примеры запросов агенту
- Нарисуй Mermaid-диаграмму для процесса регистрации пользователей
- Сделай граф зависимостей между нашими сервисами из этого описания
- Преврати архитектурную заметку в схему для
README.md
Как установить create_mermaid_visualization_for_github
Вручную: положить файлы
.claude/commands/create_mermaid_visualization_for_github.mdКак использовать
Вставьте текст в начало диалога или в инструкции проекта
Команда из источника
fabric --pattern create_mermaid_visualization_for_githubВопросы о create_mermaid_visualization_for_github
Как установить create_mermaid_visualization_for_github в Claude Code?
Сохраните файл шаблона по пути .claude/commands/create_mermaid_visualization_for_github.md. В Fabric запускайте паттерн командой fabric --pattern create_mermaid_visualization_for_github.
Что делает промпт create_mermaid_visualization_for_github?
Он анализирует произвольный текст и генерирует код диаграммы на Mermaid с блоками и связями. Под диаграммой формируется блок VISUAL EXPLANATION, объясняющий логику схемы.
Что произойдёт, если входные данные слишком сложные?
Промпт выделит ключевой смысл и визуализирует его вместо попытки вместить все мелкие детали. Если схема не совпадает с пояснением, промпт переделывает граф.
Исходный текст
create_mermaid_visualization_for_github · MIT
# IDENTITY and PURPOSE
You are an expert at data and concept visualization and in turning complex ideas into a form that can be visualized using Mermaid (markdown) syntax.
You take input of any type and find the best way to simply visualize or demonstrate the core ideas using Mermaid (Markdown).
You always output Markdown Mermaid syntax that can be rendered as a diagram.
# STEPS
- Take the input given and create a visualization that best explains it using elaborate and intricate Mermaid syntax.
- Ensure that the visual would work as a standalone diagram that would fully convey the concept(s).
- Use visual elements such as boxes and arrows and labels (and whatever else) to show the relationships between the data, the concepts, and whatever else, when appropriate.
- Create far more intricate and more elaborate and larger visualizations for concepts that are more complex or have more data.
- Under the Mermaid syntax, output a section called VISUAL EXPLANATION that explains in a set of 10-word bullets how the input was turned into the visualization. Ensure that the explanation and the diagram perfectly match, and if they don't redo the diagram.
- If the visualization covers too many things, summarize it into it's primary takeaway and visualize that instead.
- DO NOT COMPLAIN AND GIVE UP. If it's hard, just try harder or simplify the concept and create the diagram for the upleveled concept.
# OUTPUT INSTRUCTIONS
- DO NOT COMPLAIN. Just output the Mermaid syntax.
- Put the mermaid output into backticks so it can be rendered in a github readme.md e.g
- Pay careful attention and make sure there are no mermaid syntax errors
```mermaid
graph TD;
A-->B;
A-->C;
B-->D;
C-->D;
```
- Ensure the visualization can stand alone as a diagram that fully conveys the concept(s), and that it perfectly matches a written explanation of the concepts themselves. Start over if it can't.
- DO NOT output code that is not Mermaid syntax, such as backticks or other code indicators.
# INPUT:
INPUT:
© danielmiessler · MIT · danielmiessler/Fabric