feat: добавить skill для SLM Design

- добавлена сборка self-contained skill для Claude Code и opencode

- добавлен install-ready архив skill в public/slm-design/skill

- обновлена карточка SLM Design с меню действий открыть/скачать

- добавлен static fallback главной страницы из общего конфига

- подключены Mantine Menu и Phosphor Icons для действий карточки

index.html

@@ -86,6 +86,50 @@
         margin-top: 14px;
       }
 
+      .static-actions-list,
+      .static-action-list {
+        display: grid;
+        gap: 8px;
+        margin: 14px 0 0;
+        padding-left: 20px;
+      }
+
+      .static-action-list {
+        margin-top: 6px;
+      }
+
+      .static-action-list-nested {
+        gap: 10px;
+      }
+
+      .static-action-sections {
+        display: grid;
+        gap: 18px;
+        margin-top: 18px;
+      }
+
+      .static-action-section,
+      .static-action-group {
+        display: grid;
+        gap: 8px;
+      }
+
+      .static-action-title {
+        color: color-mix(in srgb, LinkText 80%, CanvasText);
+        font-size: 12px;
+        font-weight: 800;
+        letter-spacing: 0.08em;
+        text-transform: uppercase;
+      }
+
+      .static-action-group-title {
+        color: color-mix(in srgb, CanvasText 58%, Canvas);
+        font-size: 11px;
+        font-weight: 800;
+        letter-spacing: 0.08em;
+        text-transform: uppercase;
+      }
+
       .static-shell a {
         color: LinkText;
       }
@@ -111,6 +155,7 @@
           </div>
         </header>
 
+        <!-- STATIC_DOCS_START -->
         <section aria-labelledby="static-docs-title">
           <h2 id="static-docs-title">Список документаций</h2>
           <ul class="static-docs">
@@ -118,57 +163,96 @@
               <article>
                 <div class="static-meta">Архитектура · Доступно</div>
                 <h2><a href="/slm-design/">SLM Design</a></h2>
-                <p>
-                  Архитектура frontend-приложений, где слои задают направление зависимостей,
-                  модули становятся границами ответственности, а явный DI через фабрики удерживает домены изолированными и предсказуемыми.
-                </p>
-                <div class="static-links" aria-label="LLM-артефакты SLM Design">
-                  <a href="/slm-design/llms.txt">llms.txt</a>
-                  <a href="/slm-design/llms-full.txt">llms-full.txt</a>
-                </div>
+                <p>Архитектура frontend-приложений, где слои задают направление зависимостей, модули становятся границами ответственности, а явный DI через фабрики удерживает домены изолированными и предсказуемыми.</p>
+              <ul class="static-actions-list">
+                <li>
+                  <span class="static-action-title">Открыть</span>
+                  <ul class="static-action-list static-action-list-nested">
+                    <li>
+                      <span class="static-action-group-title">Читать</span>
+                      <ul class="static-action-list"><li><a href="/slm-design/" target="_blank" rel="noopener noreferrer">SLM Документация</a></li></ul>
+                    </li>
+                    <li>
+                      <span class="static-action-group-title">Skill для CLI-агентов</span>
+                      <ul class="static-action-list"><li><a href="/slm-design/skill/.opencode/skills/slm-design/SKILL.md" target="_blank" rel="noopener noreferrer">slm-design/SKILL.md</a></li></ul>
+                    </li>
+                    <li>
+                      <span class="static-action-group-title">AI агентам</span>
+                      <ul class="static-action-list"><li><a href="/slm-design/llms.txt" target="_blank" rel="noopener noreferrer">llms.txt</a></li><li><a href="/slm-design/llms-full.txt" target="_blank" rel="noopener noreferrer">llms-full.txt</a></li></ul>
+                    </li>
+                  </ul>
+                </li>
+                <li>
+                  <span class="static-action-title">Скачать</span>
+                  <ul class="static-action-list static-action-list-nested">
+                    <li>
+                      <span class="static-action-group-title">Документация MD</span>
+                      <ul class="static-action-list"><li><a href="/slm-design/slm-design.zip" download>slm-design.zip</a></li></ul>
+                    </li>
+                    <li>
+                      <span class="static-action-group-title">Skills (Claude code / OpenCode)</span>
+                      <ul class="static-action-list"><li><a href="/slm-design/skill/slm-design.skill.zip" download>slm-design.skill.zip</a></li></ul>
+                    </li>
+                  </ul>
+                </li>
+              </ul>
               </article>
             </li>
-
             <li class="static-card">
               <article>
                 <div class="static-meta">Стайлгайд · Доступно</div>
                 <h2><a href="/nextjs-style-guide/">NextJS Style Guide</a></h2>
-                <p>
-                  Практический стайлгайд для разработки frontend-приложений на Next.js и TypeScript.
-                </p>
-                <div class="static-links" aria-label="LLM-артефакты NextJS Style Guide">
-                  <a href="/nextjs-style-guide/llms.txt">llms.txt</a>
-                  <a href="/nextjs-style-guide/llms-full.txt">llms-full.txt</a>
-                </div>
+                <p>Практический стайлгайд для разработки frontend-приложений на Next.js и TypeScript.</p>
+              <ul class="static-actions-list">
+                <li>
+                  <span class="static-action-title">AI</span>
+                  <ul class="static-action-list"><li><a href="/nextjs-style-guide/llms.txt" target="_blank" rel="noopener noreferrer">llms.txt</a></li><li><a href="/nextjs-style-guide/llms-full.txt" target="_blank" rel="noopener noreferrer">llms-full.txt</a></li></ul>
+                </li>
+              </ul>
               </article>
             </li>
-
             <li class="static-card">
               <article>
                 <div class="static-meta">Стайлгайд · Скоро</div>
                 <h2>React Style Guide</h2>
-                <p>
-                  Практический стайлгайд для разработки frontend-приложений на React и TypeScript.
-                </p>
+                <p>Практический стайлгайд для разработки frontend-приложений на React и TypeScript.</p>
+              <ul class="static-actions-list">
+                <li>
+                  <span class="static-action-title">AI</span>
+                  <ul class="static-action-list"><li><a href="/react-style-guide/llms.txt" target="_blank" rel="noopener noreferrer">llms.txt</a></li><li><a href="/react-style-guide/llms-full.txt" target="_blank" rel="noopener noreferrer">llms-full.txt</a></li></ul>
+                </li>
+              </ul>
               </article>
             </li>
-
             <li class="static-card">
               <article>
                 <div class="static-meta">Макеты · Доступно</div>
                 <h2><a href="/figma-adaptive-standards/">Figma Adaptive Standards</a></h2>
-                <p>
-                  Стандарты и требования к подготовке адаптивных макетов в Figma: брейкпоинты,
-                  ресайз в диапазоне, Auto Layout/Constraints, компоненты, сетка, типографика, состояния UI, A11y и передача в разработку.
-                </p>
-                <div class="static-links" aria-label="LLM-артефакты Figma Adaptive Standards">
-                  <a href="/figma-adaptive-standards/llms.txt">llms.txt</a>
-                  <a href="/figma-adaptive-standards/llms-full.txt">llms-full.txt</a>
-                </div>
+                <p>Стандарты и требования к подготовке адаптивных макетов в Figma: брейкпоинты, ресайз в диапазоне, Auto Layout/Constraints, компоненты, сетка, типографика, состояния UI, A11y и передача в разработку.</p>
+              <ul class="static-actions-list">
+                <li>
+                  <span class="static-action-title">AI</span>
+                  <ul class="static-action-list"><li><a href="/figma-adaptive-standards/llms.txt" target="_blank" rel="noopener noreferrer">llms.txt</a></li><li><a href="/figma-adaptive-standards/llms-full.txt" target="_blank" rel="noopener noreferrer">llms-full.txt</a></li></ul>
+                </li>
+              </ul>
+              </article>
+            </li>
+            <li class="static-card">
+              <article>
+                <div class="static-meta">Стратегия · Доступно</div>
+                <h2><a href="/template-sync-strategy/">Template Sync Strategy</a></h2>
+                <p>Стратегия как поддерживать проекты на общей шаблонной базе: отделять изменения шаблона от бизнес-кода и проводить обновления через контролируемый merge-процесс.</p>
+              <ul class="static-actions-list">
+                <li>
+                  <span class="static-action-title">AI</span>
+                  <ul class="static-action-list"><li><a href="/template-sync-strategy/llms.txt" target="_blank" rel="noopener noreferrer">llms.txt</a></li><li><a href="/template-sync-strategy/llms-full.txt" target="_blank" rel="noopener noreferrer">llms-full.txt</a></li></ul>
+                </li>
+              </ul>
               </article>
             </li>
           </ul>
         </section>
+        <!-- STATIC_DOCS_END -->
 
         <footer class="static-footer">
           Автор документации: <a href="https://gromlab.ru/gromov">Сергей Громов</a>