Individual skill
frontend-design
Создание высококачественных, визуально выдающихся фронтенд-интерфейсов. Используй ВСЕГДА когда пользователь просит создать веб-страницу, компонент, лендинг, дашборд, UI-кит, форму, карточки, навигацию, анимации, или любой другой веб-интерфейс. Скилл покрывает: HTML/CSS/JS компоненты, React/Vue/Svelte, Tailwind CSS, адаптивный и мобильный дизайн, визуальные стили (glassmorphism, neomorphism, material, flat, градиенты, тёмная тема), интерактивность (drag-and-drop, анимации, hover-эффекты, transitions), верстку (Flexbox, Grid, Container Queries), производительность, доступность (WCAG/ARIA), дизайн-системы и токены. Если пользователь хочет что-то "красивое", "современное", "стильное" в вебе — обязательно используй этот скилл. НЕ используй для нативных мобильных приложений (iOS/Swift/SwiftUI, Android) — для iOS бери скилл ios-development; этот скилл только про веб-UI (браузер).
skills/frontend/frontend-design/SKILL.md
Source commit 849719987d9c0d6ed973bdbce8ed37b266d3b1f3
What was checked
- Matches the observed repository HEAD
- Yes
- Scanner rules are current
- No
- Repository scan complete
- No
- Skill scan complete
- No
- Observed behavior
- Not checked yet
- Last checked
- Nov 7, 2026
These are observations at the recorded commit, not a guarantee of safety. Review the source before running it.
Install this skill
Choose an agent in your Stack or copy a command below. Commands fetch the pinned commit and copy only this skill directory. Existing destinations are refused. Copying a command does not install anything.
An install command is unavailable: current rules, complete repository and skill scans, an eligible behavior level and a permitted license are required.
Repository context
- Repository stars (not skill ratings)
- 214
- Repository last updated
- Nov 7, 2026
- License
- MIT
Observed agent integration: No specific integration evidence. Standard SKILL.md installation does not imply verified compatibility.
- ai-agents Repository topic
- claude Repository topic
- claude-code Repository topic
- llm Repository topic
- machine-learning Repository topic
- prompt-engineering Repository topic
- skills Repository topic
- mcp Repository topic
- agent-harness Repository topic
- harness Repository topic
- design Derived category
- devops Derived category
- engineering Derived category
- design-interface Derived category
- devops-containers Derived category
- engineering-web Derived category
Files and excerpt
File metadata and permitted, redacted excerpts come from the recorded scan. Source links are pinned to that commit.
Browse files
SKILL.mdcore · 6,555 bytesreferences/components-frameworks.mddoc · 10,636 bytesreferences/layout-css.mddoc · 7,051 bytesreferences/performance-a11y.mddoc · 10,774 bytesreferences/visual-styles.mddoc · 8,739 bytes
Read excerpt
# Frontend Design Skill
Для продуктового интерфейса общая точка входа —
[`ui-design`](../ui-design/SKILL.md): единый контракт дизайна, реализации и
проверки. Прочитай его один раз, если он ещё не загружен; затем вернись к нужным
референсам ниже, без повторного обхода ссылок. Редактируемые hero/баннеры,
инфографика и отдельные визуальные ассеты также описаны там. Этот файл —
веб-специализация, не второй независимый процесс и не замена правил продукта.
Этот скилл — о создании **визуально выдающихся** интерфейсов. Не просто рабочих — а таких, где дизайн
говорит сам за себя. Основной принцип: каждый интерфейс должен выглядеть как работа senior-дизайнера,
а не как «шаблон из интернета».
## Навигация по reference-файлам