·architecture-diagram
</>

architecture-diagram

Создавайте подробные диаграммы многоуровневой архитектуры в виде автономных HTML-артефактов со встроенными значками SVG, вложенным макетом контейнера CSS Grid, наложениями соединений путей SVG и легендами соединений с цветовой кодировкой. Используйте, когда пользователь запрашивает создание диаграмм архитектуры, диаграмм инфраструктуры, диаграмм топологии системы, сетевых диаграмм, визуальных элементов облачной архитектуры, диаграмм развертывания, блок-схем интеграции или любого запроса, включающего визуальное представление компонентов системы, их иерархии включения и взаимосвязей. Запускается по таким терминам, как «схема архитектуры», «инфраструктурная диаграмма», «системная диаграмма», «топология», «диаграмма развертывания», «сетевая диаграмма», «архитектура интеграции», или когда пользователь предоставляет описание системы и запрашивает визуальное представление/схему.

15Установки·1Тренд·@mathews-tom

Установка

$npx skills add https://github.com/mathews-tom/praxis-skills --skill architecture-diagram

Как установить architecture-diagram

Быстро установите AI-навык architecture-diagram в вашу среду разработки через командную строку

  1. Откройте терминал: Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.)
  2. Выполните команду установки: Скопируйте и выполните эту команду: npx skills add https://github.com/mathews-tom/praxis-skills --skill architecture-diagram
  3. Проверьте установку: После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Источник: mathews-tom/praxis-skills.

Produces self-contained .html files: inline SVG icons, CSS Grid nested zones, JS-driven SVG connection overlay with color-coded semantic line types and arrowhead markers. Zero external dependencies.

When the user doesn't specify flow semantics, default all connections to default type and omit the legend.

| assets/template.html missing | File deleted or skill directory incomplete | Regenerate from skill defaults: reconstruct the CSS/JS skeleton using the structure documented in this SKILL.md and the reference files |

Создавайте подробные диаграммы многоуровневой архитектуры в виде автономных HTML-артефактов со встроенными значками SVG, вложенным макетом контейнера CSS Grid, наложениями соединений путей SVG и легендами соединений с цветовой кодировкой. Используйте, когда пользователь запрашивает создание диаграмм архитектуры, диаграмм инфраструктуры, диаграмм топологии системы, сетевых диаграмм, визуальных элементов облачной архитектуры, диаграмм развертывания, блок-схем интеграции или любого запроса, включающего визуальное представление компонентов системы, их иерархии включения и взаимосвязей. Запускается по таким терминам, как «схема архитектуры», «инфраструктурная диаграмма», «системная диаграмма», «топология», «диаграмма развертывания», «сетевая диаграмма», «архитектура интеграции», или когда пользователь предоставляет описание системы и запрашивает визуальное представление/схему. Источник: mathews-tom/praxis-skills.

Факты (для цитирования)

Стабильные поля и команды для ссылок в AI/поиске.

Команда установки
npx skills add https://github.com/mathews-tom/praxis-skills --skill architecture-diagram
Категория
</>Разработка
Проверено
Впервые замечено
2026-02-25
Обновлено
2026-03-10

Browse more skills from mathews-tom/praxis-skills

Короткие ответы

Что такое architecture-diagram?

Создавайте подробные диаграммы многоуровневой архитектуры в виде автономных HTML-артефактов со встроенными значками SVG, вложенным макетом контейнера CSS Grid, наложениями соединений путей SVG и легендами соединений с цветовой кодировкой. Используйте, когда пользователь запрашивает создание диаграмм архитектуры, диаграмм инфраструктуры, диаграмм топологии системы, сетевых диаграмм, визуальных элементов облачной архитектуры, диаграмм развертывания, блок-схем интеграции или любого запроса, включающего визуальное представление компонентов системы, их иерархии включения и взаимосвязей. Запускается по таким терминам, как «схема архитектуры», «инфраструктурная диаграмма», «системная диаграмма», «топология», «диаграмма развертывания», «сетевая диаграмма», «архитектура интеграции», или когда пользователь предоставляет описание системы и запрашивает визуальное представление/схему. Источник: mathews-tom/praxis-skills.

Как установить architecture-diagram?

Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/mathews-tom/praxis-skills --skill architecture-diagram После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Где находится исходный репозиторий?

https://github.com/mathews-tom/praxis-skills

Детали

Категория
</>Разработка
Источник
skills.sh
Впервые замечено
2026-02-25