scandinavian-design — скилл для Claude Code: установка и возможности
Скилл помогает пересмотреть интерфейс в спокойной скандинавской эстетике: сдержанная палитра, понятная иерархия и меньше украшений. Запросите применение, разбор или варианты прототипа.
npx skills add ericzakariasson/scandinavian-design --skill scandinavian-design -a claude-codeЧто делает scandinavian-design
Скилл анализирует интерфейс в контексте продукта и предлагает изменения с упором на ясность, навигацию, доступность и визуальную иерархию. Он может переработать страницу, оценить её без правок или подготовить три самостоятельных направления в изолированном макете. Перед изменениями учитывает существующие компоненты, правила оформления, фирменные элементы и адаптивное поведение.
Визуальная основа — чёрный и белый, спокойная типографика, свободное пространство и минимум декора. При этом скилл не требует упрощать всё подряд: плотность и выразительность должны соответствовать задаче интерфейса. Это важно, потому что механическое приглушение яркого продукта может ослабить его голос. Доступен для Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI и OpenCode.
Какие задачи решает
- перестроить страницу с неясной иерархией
- проверить интерфейс на доступность и удобство навигации
- сократить лишние визуальные украшения
- сравнить три варианта оформления до правок продукта
Примеры запросов агенту
- Примени скандинавский стиль к странице профиля и проверь её адаптивную композицию.
- Проведи разбор этого интерфейса без изменений кода и расставь замечания по приоритету.
- Подготовь три разных варианта оформления в отдельном макете, не меняя рабочий интерфейс.
Как установить scandinavian-design
1Через Skills CLI (Vercel)
npx skills add ericzakariasson/scandinavian-design --skill scandinavian-design -a claude-code2Вручную: положить файлы
~/.claude/skills/scandinavian-design/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/scandinavian-design/
1Через Skills CLI (Vercel)
npx skills add ericzakariasson/scandinavian-design --skill scandinavian-design -a codex2Вручную: положить файлы
.agents/skills/scandinavian-design/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add ericzakariasson/scandinavian-design --skill scandinavian-design -a cursor2Вручную: положить файлы
.cursor/skills/scandinavian-design/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install ericzakariasson/scandinavian-design scandinavian-design2Вручную: положить файлы
.github/skills/scandinavian-design/SKILL.md1Через Skills CLI (Vercel)
npx skills add ericzakariasson/scandinavian-design --skill scandinavian-design -a gemini-cli2Командой платформы
gemini skills install https://github.com/ericzakariasson/scandinavian-design --path skills/scandinavian-designВручную: положить файлы
.devin/skills/scandinavian-design/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add ericzakariasson/scandinavian-design --skill scandinavian-design -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о scandinavian-design
Как установить scandinavian-design в Claude Code?
Выполните npx skills add ericzakariasson/scandinavian-design --skill scandinavian-design -a claude-code. Файл скилла появится по пути ~/.claude/skills/scandinavian-design/SKILL.md.
Что делает скилл scandinavian-design?
Он помогает проектировать и разбирать интерфейсы с нейтральной палитрой, сдержанной типографикой и ясной структурой. Можно запросить правки, ревью без редактирования или прототипы.
Можно ли сначала сравнить варианты, не меняя рабочий интерфейс?
Да. Запросите режим прототипирования: скилл создаст три отличающихся направления в изолированном макете, а рабочий интерфейс не будет изменён до выбора.
