docs(visualizations): rebuild hooks-skills-plugins-map for brain v1.0

Adapt HTML visualization template under actual brain v1.0 state on
2026-05-11. Original copy from Liderra had stale context.

Changes:
- Hero block: date 2026-05-11, edition vIV, deconxt from Liderra
  («четыре MCP-сервера» added to counters)
- §II Hierarchy: remove version suffixes (Pravila_raboty_Claude.md,
  Plugin_stack_rules.md) — brain templates have no versions
- §VI Plugins: claude-md-management now "1 skill + 1 slash-command",
  ui-ux-pro-max stats actualized (67 styles, 161 palette, 57 fonts,
  99 UX guidelines, 25 chart types)
- §VII Skills: lede updated to "28 capabilities (27 skills + 1
  slash-command)"
- §VIII Filesystem: rebuilt to dual-source brain v1.0 model
  (user / brain source / project consumer)
- §XI MCP servers (NEW): 4 servers — magic, playwright, github, semgrep
- §XII Actions renumbered (was §XI)
- §X Graph data: revise-claude-md labeled as command, legend label
  "Скил/команда (28)"
- Footer meta: 2026-05-11, "brain v1.0 / 7 хуков / 4 плагина / 4 MCP
  / 28 capabilities"
- manifest.json SHA-256 hash sync (both project-mode and brain-internal
  entries)

Verified: HTML parses OK, JSON parses OK, hash matches manifest.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
Дмитрий
2026-05-11 12:59:30 +03:00
parent 6935049934
commit af32dfcd92
2 changed files with 151 additions and 47 deletions
+2 -2
View File
@@ -12,7 +12,7 @@
"docs/Plugin_stack_rules.md": "a6624d13bc1366c572d590a7ab125aaeea9cce091c00264797443b00eeefb864",
"docs/Pravila_raboty_Claude.md": "33adaba80b311269861777422f378438bfd08e1a6b1114c49836dd74a096f14c",
"docs/Tooling.md": "9ac1bde261de859760033d2cc22d8a848279ec540c409bf15b7735f39f8d8f99",
"docs/visualizations/hooks-skills-plugins-map.html": "ad61c5069ac25c70f23315bf7d4c9bd80d2f55380f27f5a95d0e93b80dfe2532"
"docs/visualizations/hooks-skills-plugins-map.html": "dfe16e722505b57c0371b4f72f9183d3fb6a67b2297d0e91497112f36c0cd7bb"
},
"user-mode": {
"hooks/economy-mode-test.py": "8e42f2137ca79206b8b205334cdf89f1ac991932fe9e773c828c8a1496fa2403",
@@ -34,7 +34,7 @@
"project-files/docs/Plugin_stack_rules.template.md": "a6624d13bc1366c572d590a7ab125aaeea9cce091c00264797443b00eeefb864",
"project-files/docs/Pravila_raboty_Claude.template.md": "33adaba80b311269861777422f378438bfd08e1a6b1114c49836dd74a096f14c",
"project-files/docs/Tooling.template.md": "9ac1bde261de859760033d2cc22d8a848279ec540c409bf15b7735f39f8d8f99",
"project-files/docs/visualizations/hooks-skills-plugins-map.html": "ad61c5069ac25c70f23315bf7d4c9bd80d2f55380f27f5a95d0e93b80dfe2532",
"project-files/docs/visualizations/hooks-skills-plugins-map.html": "dfe16e722505b57c0371b4f72f9183d3fb6a67b2297d0e91497112f36c0cd7bb",
"user-level-files/README.md": "1bca220f99df30ef1fbfb9314b8f5182784ba44e44e63e7ded10edd77e3c2cba",
"user-level-files/hooks/economy-mode-test.py": "8e42f2137ca79206b8b205334cdf89f1ac991932fe9e773c828c8a1496fa2403",
"user-level-files/hooks/economy-mode.py": "865f36bba142a717dec18fb1e5f055c17b157bd53cc5fdbc7ef1e8628b3c2f64",
@@ -1508,7 +1508,7 @@ main { position: relative; z-index: 2; }
<div class="hero-meta">
<span class="caps">Carta · vol. i · 2026</span>
<span class="hero-meta-divider"></span>
<span class="mono">10.05.2026</span>
<span class="mono">11.05.2026</span>
</div>
<h1 class="hero-title display">
@@ -1521,13 +1521,13 @@ main { position: relative; z-index: 2; }
</svg>
<p class="hero-sub">
Иллюстрированный справочник по внутреннему устройству Claude Code в проекте&nbsp;Лидерра.
Иллюстрированный справочник по внутреннему устройству Claude Code в&nbsp;проекте с&nbsp;установленным <span class="mono">claude-brain&nbsp;v1.0</span>.
Что срабатывает в начале промпта, что — посреди вашей работы, и что — в конце.
<strong>Три типа сущностей, семь хуков, пять событий, четыре плагина.</strong>
<strong>Три типа сущностей, семь хуков, пять событий, четыре плагина, четыре MCP-сервера.</strong>
</p>
<div class="hero-stamp">
<span class="num">vIII</span>
<span class="num">vIV</span>
<span class="lbl">Edition · Carta</span>
</div>
</div>
@@ -1687,7 +1687,7 @@ Plugin ──> ничего не делает сам — только дост
<div class="hier-priority-row">
<div class="hier-priority-lvl">1</div>
<div class="hier-priority-content">
<div class="hier-priority-name">Pravila_raboty_Claude_v1_1.md</div>
<div class="hier-priority-name">Pravila_raboty_Claude.md</div>
<div class="hier-priority-note">Продуктовые правила работы Claude, утверждены заказчиком (~13 секций).</div>
</div>
</div>
@@ -1711,7 +1711,7 @@ Plugin ──> ничего не делает сам — только дост
<div class="hier-priority-row">
<div class="hier-priority-lvl">3</div>
<div class="hier-priority-content">
<div class="hier-priority-name">Plugin_stack_rules_v1.md</div>
<div class="hier-priority-name">Plugin_stack_rules.md</div>
<div class="hier-priority-note">Координирующий слой между плагинами (Superpowers + Frontend Design + UPM + 21st Magic), 16 правил.</div>
</div>
</div>
@@ -2088,10 +2088,10 @@ Plugin ──> ничего не делает сам — только дост
</div>
<div class="plugin-card-desc">
Единственный канал правок корневого CLAUDE.md. Не даёт ему расходиться с Pravila и Tooling.
Содержит claude-md-improver (audit) и revise-claude-md (capture learnings).
Содержит claude-md-improver (skill — audit) и revise-claude-md (slash-command — capture learnings).
</div>
<div class="plugin-skills-list">
2&nbsp;skills · инфраструктура CLAUDE.md
1&nbsp;skill + 1&nbsp;slash-command · инфраструктура CLAUDE.md
</div>
</div>
@@ -2116,8 +2116,8 @@ Plugin ──> ничего не делает сам — только дост
<div class="plugin-card-scope">nextlevelbuilder · ui-ux-pro-max-skill</div>
</div>
<div class="plugin-card-desc">
Резерв-библиотека: 50+ стилей, 161 палитра, 57 пар шрифтов, 161 тип продукта, 99 UX-гайдлайнов.
Off-phase tool — активируется только через R14 pipeline в Plugin Stack Rules.
Резерв-библиотека: 67 UI styles, 161 palette, 57 font pairings, 99 UX guidelines, 25 chart types
(across 15+ tech stacks). Off-phase tool — активируется только через R14 pipeline в Plugin Stack Rules.
</div>
<div class="plugin-skills-list">
1&nbsp;skill · резерв-библиотека UI/UX
@@ -2136,8 +2136,8 @@ Plugin ──> ничего не делает сам — только дост
<div class="section-num display-i">VII</div>
<h2 class="section-title">Скилы по&nbsp;плагинам</h2>
<p class="section-lede">
Все 28 скилов сгруппированы по родительскому плагину. 18 принадлежат
одному из 4 установленных плагинов, 10 — &laquo;standalone / встроенные&raquo;
Все 28 capabilities (27 skills + 1 slash-command) сгруппированы по родительскому плагину.
18 принадлежат одному из 4 установленных плагинов (17 skills + 1 command), 10 — &laquo;standalone / встроенные&raquo;
(не доставляются плагином, идут с Claude Code как часть базовой системы).
</p>
@@ -2213,7 +2213,7 @@ Plugin ──> ничего не делает сам — только дост
<div class="sp-cat">
<div class="sp-cat-symbol"></div>
<div class="sp-cat-name">claude-md-management</div>
<div class="sp-cat-meta">2&nbsp;skills · anthropic · claude-plugins-official</div>
<div class="sp-cat-meta">1&nbsp;skill + 1&nbsp;command · anthropic · claude-plugins-official</div>
</div>
<div class="sp-skills-detail">
<div class="sp-skill-row">
@@ -2221,8 +2221,8 @@ Plugin ──> ничего не делает сам — только дост
<div class="sp-skill-what"><em>Audit + targeted updates CLAUDE.md.</em> Единственный канал структурных правок: добавление/удаление секций, версии в&nbsp;шапке, правки правил.</div>
</div>
<div class="sp-skill-row">
<div class="sp-skill-key">revise-claude-md</div>
<div class="sp-skill-what"><em>Захват session-learnings.</em> Новые квирки, команды, паттерны из текущей сессии → автоматически в CLAUDE.md.</div>
<div class="sp-skill-key">revise-claude-md <span style="color:var(--rust); font-style:italic;">(command)</span></div>
<div class="sp-skill-what"><em>Захват session-learnings.</em> Новые квирки, команды, паттерны из текущей сессии → автоматически в CLAUDE.md. Доставляется как slash-command в <span class="mono">commands/</span>, не skill.</div>
</div>
</div>
</div>
@@ -2250,7 +2250,7 @@ Plugin ──> ничего не делает сам — только дост
<div class="sp-skills-detail">
<div class="sp-skill-row">
<div class="sp-skill-key">ui-ux-pro-max</div>
<div class="sp-skill-what"><em>Резерв-библиотека UI/UX.</em> 50+ стилей, 161 палитра, 57 пар шрифтов, 99 UX guidelines, 25 типов графиков для 10 стеков. Активируется через PSR_v1 R14 pipeline.</div>
<div class="sp-skill-what"><em>Резерв-библиотека UI/UX.</em> 67 UI styles, 161 palette, 57 font pairings, 99 UX guidelines, 25 chart types (across 15+ tech stacks). Активируется через PSR R14 pipeline.</div>
</div>
</div>
</div>
@@ -2317,17 +2317,18 @@ Plugin ──> ничего не делает сам — только дост
<div class="section-num display-i">VIII</div>
<h2 class="section-title">Карта на&nbsp;диске</h2>
<p class="section-lede">
Где физически лежит каждый компонент. Хук-скрипты живут отдельно от проекта Лидерры —
это пользовательская инфраструктура Claude Code. Спеки и планы — в репозитории проекта.
Где физически лежит каждый компонент. Три уровня: <em>user</em> (общая инфраструктура Claude Code),
<em>brain (source)</em> (репозиторий-источник, который правится осознанно), <em>project (consumer)</em>
(любой проект, в который brain установлен через <span class="mono">install.sh</span>).
</p>
<div class="fs">
<pre style="margin:0;">
<span class="fs-section-tag">user</span><span class="fs-path">C:\Users\Administrator\<b>.claude\</b></span>
├── settings.json <span class="fs-comment">главный конфиг: permissions + hooks</span>
├── settings.json <span class="fs-comment">главный конфиг: permissions + hooks (собран из settings-fragment.json)</span>
├── settings.json.backup-pre-economy-hardening
├── <span class="fs-path"><b>hooks/</b></span> <span class="fs-comment">наши Python-скрипты хуков</span>
├── <span class="fs-path"><b>hooks/</b></span> <span class="fs-comment">Python-скрипты хуков (синкаются из brain user-level-files/hooks/)</span>
│ ├── skill-marker.py <span class="fs-comment">PreToolUse(Skill)</span>
│ ├── skill-check.py <span class="fs-comment">PreToolUse(Edit|Write|MultiEdit)</span>
│ ├── economy-mode.py (v3) <span class="fs-comment">UserPromptSubmit + state writer</span>
@@ -2339,32 +2340,58 @@ Plugin ──> ничего не делает сам — только дост
│ ├── economy-verifier.py <span class="fs-comment">Stop wrapper</span>
│ └── economy-postcompact.py <span class="fs-comment">PostCompact</span>
├── <span class="fs-path"><b>plugins/cache/</b></span> <span class="fs-comment">загруженные плагины</span>
│ ├── superpowers-dev/superpowers/5.1.0/
│ ├── claude-plugins-official/claude-md-management/
├── <span class="fs-path"><b>plugins/cache/</b></span> <span class="fs-comment">загруженные плагины (marketplace-источники в marketplaces.json)</span>
│ ├── superpowers-dev/superpowers/5.1.0/ <span class="fs-comment">obra/superpowers</span>
│ ├── claude-plugins-official/claude-md-management/1.0.0/
│ ├── claude-plugins-official/frontend-design/
│ └── ui-ux-pro-max-skill/ui-ux-pro-max/
│ └── ui-ux-pro-max-skill/ui-ux-pro-max/2.5.0/
└── <span class="fs-path"><b>projects/&lt;cwd&gt;/memory/</b></span> <span class="fs-comment">долгосрочная память</span>
└── <span class="fs-path"><b>projects/&lt;cwd&gt;/memory/</b></span> <span class="fs-comment">долгосрочная память (per-project)</span>
├── MEMORY.md (index)
── feedback_superpowers_hard_rule.md
├── project_state.md
└── reference_github.md
── ... per-project files
<span class="fs-section-tag">project</span><span class="fs-path">c:\моя\проекты\портал crm\<b>Документация\</b></span>
├── CLAUDE.md <span class="fs-comment">главная карта проекта</span>
├── cspell-words.txt <span class="fs-comment">словарь cspell для pre-commit</span>
<span class="fs-section-tag">brain (source)</span><span class="fs-path">c:\моя\проекты\<b>claude-brain\</b></span>
├── manifest.json <span class="fs-comment">SHA-256 hashes всех файлов brain v1.0</span>
├── CLAUDE.md / README.md / CHANGELOG.md
├── docs/Pravila_raboty_Claude_v1_1.md <span class="fs-comment">§12 hard rule</span>
├── docs/Plugin_stack_rules_v1.md <span class="fs-comment">16 правил координации</span>
├── docs/Tooling_v8_3.md <span class="fs-comment">реестр 33 инструментов</span>
├── <span class="fs-path"><b>project-files/</b></span> <span class="fs-comment">копируется в consumer-проекты install.sh'ом</span>
├── CLAUDE.md.template
├── .mcp.json.template <span class="fs-comment">playwright + github + semgrep</span>
│ └── docs/
│ ├── Pravila_raboty_Claude.template.md
│ ├── Plugin_stack_rules.template.md
│ ├── Tooling.template.md
│ └── visualizations/hooks-skills-plugins-map.html <span class="fs-comment">вы тут</span>
├── docs/superpowers/specs/ <span class="fs-comment">спеки фич (этот документ — для visualization)</span>
── 2026-05-10-economy-hook-bypass-closure-design.md
├── docs/superpowers/plans/ <span class="fs-comment">пошаговые планы</span>
── 2026-05-10-economy-hook-bypass-closure.md
└── docs/visualizations/ <span class="fs-comment">визуализации (вы тут)</span>
└── hooks-skills-plugins-map.html
├── <span class="fs-path"><b>user-level-files/</b></span> <span class="fs-comment">копируется в ~/.claude/ install.sh'ом</span>
── hooks/ <span class="fs-comment">7 рантайм + 3 test .py</span>
├── settings-fragment.json <span class="fs-comment">фрагмент для merge в settings.json</span>
── marketplaces.json <span class="fs-comment">3 marketplace-источника</span>
│ ├── plugins-manifest.json <span class="fs-comment">4 плагина + версии</span>
└── mcp-user.template.json <span class="fs-comment">magic (21st.dev)</span>
├── <span class="fs-path"><b>scripts/</b></span> <span class="fs-comment">инструменты sync</span>
│ ├── install.sh <span class="fs-comment">copy brain → consumer / ~/.claude</span>
│ ├── verify.sh <span class="fs-comment">cross-check hashes vs manifest.json</span>
│ └── extract.sh <span class="fs-comment">rescue: consumer → brain</span>
└── docs/ <span class="fs-comment">документация brain'а самого</span>
├── architecture.md
├── how-to-use-brain.md
├── secrets-and-tokens.md
└── sessions/2026-05-11-bootstrap-session.md
<span class="fs-section-tag">project (consumer)</span><span class="fs-path">&lt;consumer-project&gt;/</span>
├── CLAUDE.md <span class="fs-comment">из template, substitutions заполнены при install</span>
├── .mcp.json <span class="fs-comment">project-mode MCP (playwright/github/semgrep)</span>
└── docs/
├── Pravila_raboty_Claude.md <span class="fs-comment">§12 hard rule (без версии в имени)</span>
├── Plugin_stack_rules.md <span class="fs-comment">16 правил координации</span>
├── Tooling.md <span class="fs-comment">реестр инструментов проекта</span>
├── CHANGELOG_claude_md.md
├── superpowers/{specs,plans}/ <span class="fs-comment">создаются по мере работы</span>
└── visualizations/hooks-skills-plugins-map.html <span class="fs-comment">этот файл, installed copy</span>
</pre>
</div>
</div>
@@ -2476,7 +2503,7 @@ Plugin ──> ничего не делает сам — только дост
<div class="graph-legend-section">
<h4>Узлы (категории)</h4>
<div class="graph-legend-item"><span class="graph-legend-swatch" style="background:var(--rust); border-radius:50%;"></span>Плагин (4)</div>
<div class="graph-legend-item"><span class="graph-legend-swatch" style="background:var(--blueprint); border-radius:50%;"></span>Скил (28)</div>
<div class="graph-legend-item"><span class="graph-legend-swatch" style="background:var(--blueprint); border-radius:50%;"></span>Скил/команда (28)</div>
<div class="graph-legend-item"><span class="graph-legend-swatch" style="background:var(--amber); border-radius:50%;"></span>Скрипт хука (7)</div>
<div class="graph-legend-item"><span class="graph-legend-swatch" style="background:var(--sage);"></span>Событие хука (5)</div>
<div class="graph-legend-item"><span class="graph-legend-swatch" style="background:var(--rust); transform:rotate(45deg);"></span>Файл состояния (1)</div>
@@ -2499,11 +2526,88 @@ Plugin ──> ничего не делает сам — только дост
</section>
<!-- ============================================================
XI. ACTIONS
XI. MCP SERVERS
============================================================ -->
<section class="section">
<div class="frame">
<div class="section-num display-i">XI</div>
<h2 class="section-title">MCP-серверы — внешние tool-провайдеры</h2>
<p class="section-lede">
Четыре сервера Model Context Protocol. Один на user-уровне (магазин компонентов), три на project-уровне
(браузер, GitHub API, статанализ). MCP — это <em>не</em> плагин и <em>не</em> хук: это отдельный процесс,
который запускается рядом с Claude Code и предоставляет дополнительные tools через stdio или HTTP.
</p>
<div class="plugins">
<div class="plugin-card">
<div class="plugin-card-header">
<div class="plugin-card-name">magic</div>
<div class="plugin-card-scope">user · stdio · npx</div>
</div>
<div class="plugin-card-desc">
UI-генерация компонентов от 21st.dev. Поиск, inspiration, refiner, logo search — для быстрых
визуальных набросков. Зарегистрирован в <span class="mono">~/.claude/mcp.json</span>
(template: <span class="mono">user-level-files/mcp-user.template.json</span>).
</div>
<div class="plugin-skills-list">
<span class="mono">npx @21st-dev/magic@latest</span> · API_KEY required
</div>
</div>
<div class="plugin-card">
<div class="plugin-card-header">
<div class="plugin-card-name">playwright</div>
<div class="plugin-card-scope">project · stdio · npx</div>
</div>
<div class="plugin-card-desc">
Headless-браузер. Открытие <span class="mono">web/*.html</span>, screenshot, проверка интерактива,
навигация по DOM. Используется для визуальной верификации UI-работы.
</div>
<div class="plugin-skills-list">
<span class="mono">npx @playwright/mcp@latest</span>
</div>
</div>
<div class="plugin-card">
<div class="plugin-card-header">
<div class="plugin-card-name">github</div>
<div class="plugin-card-scope">project · HTTP · hosted</div>
</div>
<div class="plugin-card-desc">
Официальный hosted GitHub MCP. Issues, PRs, файлы, search, actions. Требует
<span class="mono">GITHUB_TOKEN</span> (PAT, scopes: repo, read:org).
Заменил deprecated <span class="mono">@modelcontextprotocol/server-github</span> 06.05.2026.
</div>
<div class="plugin-skills-list">
<span class="mono">https://api.githubcopilot.com/mcp</span>
</div>
</div>
<div class="plugin-card">
<div class="plugin-card-header">
<div class="plugin-card-name">semgrep</div>
<div class="plugin-card-scope">project · stdio · npx</div>
</div>
<div class="plugin-card-desc">
SAST. Семантический поиск и анализ кода через Semgrep rules прямо в Claude Code.
Для security-review и поиска паттернов уязвимостей.
</div>
<div class="plugin-skills-list">
<span class="mono">npx semgrep-mcp</span>
</div>
</div>
</div>
</div>
</section>
<!-- ============================================================
XII. ACTIONS
============================================================ -->
<section class="section">
<div class="frame">
<div class="section-num display-i">XII</div>
<h2 class="section-title">Что вы можете сделать</h2>
<p class="section-lede">
Шесть практических действий. Каждое — одна команда или одно изменение в одном файле.
@@ -2565,8 +2669,8 @@ Plugin ──> ничего не делает сам — только дост
<div>
<div class="caps" style="margin-bottom:6px;">Document meta</div>
<span class="mono">hooks-skills-plugins-map.html</span> &middot;
<span class="mono">2026-05-10</span> &middot;
<span class="mono">10 ч / 7 хуков / 4 плагина / ~22 скила</span>
<span class="mono">2026-05-11</span> &middot;
<span class="mono">brain v1.0 · 7 хуков / 4 плагина / 4 MCP / 28 capabilities</span>
</div>
<div class="foot-ornament">~&nbsp;fin&nbsp;~</div>
<div style="text-align:right;">
@@ -2608,7 +2712,7 @@ const GRAPH_NODES = [
{ id: 'skl:writing-skills', type: 'skill', label: 'writing-skills', desc: 'Создание новых skills.' },
// claude-md-management (2)
{ id: 'skl:md-improver', type: 'skill', label: 'claude-md-improver', desc: 'Audit + targeted updates CLAUDE.md.' },
{ id: 'skl:md-revise', type: 'skill', label: 'revise-claude-md', desc: 'Захват session-learnings.' },
{ id: 'skl:md-revise', type: 'skill', label: 'revise-claude-md (command)', desc: 'Захват session-learnings. Доставляется как slash-command (commands/), не skill.' },
// frontend-design (1)
{ id: 'skl:fd-skill', type: 'skill', label: 'frontend-design', desc: 'Distinctive UI без AI-aesthetics.' },
// ui-ux-pro-max (1)