Skills/Frontend Design от Anthropic

Frontend Design от Anthropic

21 сентября 2026

Официальный навык Anthropic, который учит агента делать интерфейсы с характером: продуманная типографика, смелая палитра, композиция и детали вместо шаблонного «ИИ-дизайна».

Описание

ДизайнБесплатно

Официальный навык Anthropic, который учит агента делать интерфейсы с характером: продуманная типографика, смелая палитра, композиция и детали вместо шаблонного «ИИ-дизайна».

Название
Frontend Design от Anthropic
Категория
Дизайн
Что умеет
  • выбирает эстетическое направление до написания кода
  • подбирает выразительные шрифты и цветовые сочетания
  • добавляет анимации и детали, которые делают экран живым
Источник
anthropics/skills · ★178.8k
Где работает
Claude Code и другие агенты, которые читают .claude/skillsКак устроены навыки
Куда ставить
Навык работает только в текущем проекте.
Как установить
  1. 1Скопируйте команду из блока «Установка» ниже и выполните её в терминале.
  2. 2Навык появится в папке .claude/skills/frontend-design/
  3. 3Откройте новую сессию Claude Code — навык подхватится автоматически.

Что внутри

npx degit anthropics/skills/skills/frontend-design .claude/skills/frontend-design
.claude/skills/
└── frontend-design/
    └── SKILL.md

Действия

Открыть на GitHubДокументация
ДалееUI/UX Pro Max
.claude/skills/frontend-design/SKILL.md
  1. 1---
  2. 2name: frontend-design
  3. 3description: "Официальный навык Anthropic, который учит агента делать интерфейсы с характером: продуманная типографика, смелая палитра, композиция и детали вместо шаблонного «ИИ-дизайна»."
  4. 4---
  5. 5​
  6. 6# Frontend Design от Anthropic
  7. 7​
  8. 8Официальный навык Anthropic, который учит агента делать интерфейсы с характером: продуманная типографика, смелая палитра, композиция и детали вместо шаблонного «ИИ-дизайна».
  9. 9​
  10. 10## Что делает
  11. 11​
  12. 12- Выбирает эстетическое направление до написания кода
  13. 13- Подбирает выразительные шрифты и цветовые сочетания
  14. 14- Добавляет анимации и детали, которые делают экран живым
  15. 15​
  16. 16## Где работает
  17. 17​
  18. 18Claude Code и другие агенты, которые читают .claude/skills.
  19. 19​
  20. 20## Установка
  21. 21​
  22. 221. Выполните: npx degit anthropics/skills/skills/frontend-design .claude/skills/frontend-design
  23. 232. Откройте новую сессию Claude Code — навык подхватится сам.