2026-05-13 10:12:31 +03:00
|
|
|
|
<!doctype html>
|
|
|
|
|
|
<html lang="ru">
|
|
|
|
|
|
<head>
|
|
|
|
|
|
<meta charset="UTF-8" />
|
|
|
|
|
|
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
|
|
|
|
<meta name="description" content="Единое пространство для идей, черновиков и первых версий документаций" />
|
2026-05-13 16:23:08 +03:00
|
|
|
|
<script>
|
|
|
|
|
|
;(() => {
|
|
|
|
|
|
const theme = localStorage.getItem('vitepress-theme-appearance') || localStorage.getItem('all-docs-theme') || 'auto'
|
|
|
|
|
|
const normalizedTheme = theme === 'system' ? 'auto' : theme
|
|
|
|
|
|
const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches
|
|
|
|
|
|
const resolvedTheme = normalizedTheme === 'auto' ? (prefersDark ? 'dark' : 'light') : normalizedTheme
|
|
|
|
|
|
|
|
|
|
|
|
document.documentElement.dataset.theme = normalizedTheme
|
|
|
|
|
|
document.documentElement.classList.toggle('dark', resolvedTheme === 'dark')
|
|
|
|
|
|
document.documentElement.style.colorScheme = resolvedTheme
|
|
|
|
|
|
})()
|
|
|
|
|
|
</script>
|
|
|
|
|
|
<style>
|
|
|
|
|
|
.static-shell {
|
|
|
|
|
|
max-width: 960px;
|
|
|
|
|
|
margin: 0 auto;
|
|
|
|
|
|
padding: 48px 24px;
|
|
|
|
|
|
color: CanvasText;
|
|
|
|
|
|
font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
|
|
|
|
|
|
line-height: 1.55;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.static-shell h1 {
|
|
|
|
|
|
margin: 0 0 16px;
|
|
|
|
|
|
font-size: clamp(32px, 6vw, 56px);
|
|
|
|
|
|
line-height: 1;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.static-shell p {
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.static-lead {
|
|
|
|
|
|
max-width: 760px;
|
|
|
|
|
|
color: color-mix(in srgb, CanvasText 72%, Canvas);
|
|
|
|
|
|
font-size: 18px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.static-actions {
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
flex-wrap: wrap;
|
|
|
|
|
|
gap: 12px;
|
|
|
|
|
|
margin-top: 24px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.static-docs {
|
|
|
|
|
|
display: grid;
|
|
|
|
|
|
gap: 16px;
|
|
|
|
|
|
margin: 40px 0;
|
|
|
|
|
|
padding: 0;
|
|
|
|
|
|
list-style: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.static-card {
|
|
|
|
|
|
padding: 20px;
|
|
|
|
|
|
border: 1px solid color-mix(in srgb, CanvasText 18%, Canvas);
|
|
|
|
|
|
border-radius: 16px;
|
|
|
|
|
|
background: color-mix(in srgb, CanvasText 4%, Canvas);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.static-card h2 {
|
|
|
|
|
|
margin: 0 0 8px;
|
|
|
|
|
|
font-size: 22px;
|
|
|
|
|
|
line-height: 1.2;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.static-meta {
|
|
|
|
|
|
margin-bottom: 8px;
|
|
|
|
|
|
color: color-mix(in srgb, CanvasText 58%, Canvas);
|
|
|
|
|
|
font-size: 13px;
|
|
|
|
|
|
font-weight: 700;
|
|
|
|
|
|
text-transform: uppercase;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.static-links {
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
flex-wrap: wrap;
|
|
|
|
|
|
gap: 12px;
|
|
|
|
|
|
margin-top: 14px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.static-shell a {
|
|
|
|
|
|
color: LinkText;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.static-footer {
|
|
|
|
|
|
color: color-mix(in srgb, CanvasText 58%, Canvas);
|
|
|
|
|
|
font-size: 13px;
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
2026-05-13 10:12:31 +03:00
|
|
|
|
<title>Документация</title>
|
|
|
|
|
|
</head>
|
|
|
|
|
|
<body>
|
2026-05-13 16:23:08 +03:00
|
|
|
|
<div id="root">
|
|
|
|
|
|
<main class="static-shell" aria-labelledby="static-title">
|
|
|
|
|
|
<header>
|
|
|
|
|
|
<h1 id="static-title">Документация</h1>
|
|
|
|
|
|
<p class="static-lead">
|
|
|
|
|
|
Единое пространство для идей, черновиков и первых версий документаций,
|
|
|
|
|
|
которые ещё формируются и постепенно становятся самостоятельными материалами.
|
|
|
|
|
|
</p>
|
|
|
|
|
|
<div class="static-actions">
|
|
|
|
|
|
<a href="https://gromlab.ru/gromov/docs">Репозиторий</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</header>
|
|
|
|
|
|
|
|
|
|
|
|
<section aria-labelledby="static-docs-title">
|
|
|
|
|
|
<h2 id="static-docs-title">Список документаций</h2>
|
|
|
|
|
|
<ul class="static-docs">
|
|
|
|
|
|
<li class="static-card">
|
|
|
|
|
|
<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>
|
|
|
|
|
|
</article>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
|
|
|
|
<li class="static-card">
|
|
|
|
|
|
<article>
|
2026-05-13 17:20:32 +03:00
|
|
|
|
<div class="static-meta">Стайлгайд · Доступно</div>
|
|
|
|
|
|
<h2><a href="/nextjs-style-guide/">NextJS Style Guide</a></h2>
|
2026-05-13 16:23:08 +03:00
|
|
|
|
<p>
|
2026-05-13 17:20:32 +03:00
|
|
|
|
Практический стайлгайд для разработки frontend-приложений на Next.js и TypeScript.
|
2026-05-13 16:23:08 +03:00
|
|
|
|
</p>
|
2026-05-13 17:20:32 +03:00
|
|
|
|
<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>
|
2026-05-13 16:23:08 +03:00
|
|
|
|
</article>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
|
|
|
|
<li class="static-card">
|
|
|
|
|
|
<article>
|
2026-05-13 17:20:32 +03:00
|
|
|
|
<div class="static-meta">Стайлгайд · Скоро</div>
|
2026-05-13 16:23:08 +03:00
|
|
|
|
<h2>React Style Guide</h2>
|
|
|
|
|
|
<p>
|
2026-05-13 17:20:32 +03:00
|
|
|
|
Практический стайлгайд для разработки frontend-приложений на React и TypeScript.
|
2026-05-13 16:23:08 +03:00
|
|
|
|
</p>
|
|
|
|
|
|
</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>
|
|
|
|
|
|
</article>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
</section>
|
|
|
|
|
|
|
|
|
|
|
|
<footer class="static-footer">
|
|
|
|
|
|
Автор документации: <a href="https://gromlab.ru/gromov">Сергей Громов</a>
|
|
|
|
|
|
</footer>
|
|
|
|
|
|
</main>
|
|
|
|
|
|
</div>
|
2026-05-13 10:12:31 +03:00
|
|
|
|
<script type="module" src="/src/main.tsx"></script>
|
|
|
|
|
|
</body>
|
|
|
|
|
|
</html>
|
