.claude/skills/i18n-workflow/SKILL.md
Управление интернационализацией статического сайта с JSON-переводами. Используй этот скилл при добавлении новых строк, создании переводов на новые языки, проверке полноты переводов или изменении i18n-логики. Также используй при работе с data-i18n атрибутами в HTML.
npx skillsauth add mrdalvik/davai-landing i18n-workflowInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
Проект использует кастомную i18n-систему без библиотек: JSON-файлы + модуль загрузки (~50 строк).
locales/
├── en.json (основной — всегда полный)
├── ru.json
├── zh.json
├── es.json
├── fr.json
├── de.json
└── ja.json
Каждый JSON содержит плоскую или неглубоко вложенную структуру ключей:
{
"hero.title": "...",
"hero.tagline": "...",
"features.speed.title": "...",
"demo.phase1.title": "...",
"cta.clone_command": "git clone ..."
}
locales/en.json (английский — источник истины)data-i18n="ключ" на элементi18n.js корректно подставляет значениеlocales/en.json как шаблонi18n.jsВсе JSON-файлы должны содержать одинаковый набор ключей. При добавлении строки — проверяй наличие ключа во всех 7 файлах.
Приоритет: localStorage → navigator.language → fallback "en". Код берёт первые 2 символа navigator.language (например, "ru" из "ru-RU").
tools
Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.
testing
Настройка и деплой статического сайта на GitHub Pages через GitHub Actions. Используй при создании/изменении CI/CD пайплайна, настройке минификации, проблемах с деплоем или конфигурации кастомного домена.
development
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.
development
Работа с анимированной демонстрацией пайплайна Davai в стилизованном VSCode-терминале. Используй при изменении сценария демо, добавлении/редактировании фаз анимации, настройке typewriter-эффекта, навигации по фазам или стилизации терминала.