Skills/Stitch Skills от Google

Stitch Skills от Google

5 сентября 2026

Навыки Google Labs для работы с Stitch: агент генерирует экраны, собирает из них дизайн-систему и переносит макеты в код React.

Описание

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

Навыки Google Labs для работы с Stitch: агент генерирует экраны, собирает из них дизайн-систему и переносит макеты в код React.

Название
Stitch Skills от Google
Категория
Дизайн
Что умеет
  • генерирует экраны через Stitch MCP
  • выделяет из макетов дизайн-систему
  • превращает макеты в компоненты React
Источник
google-labs-code/stitch-skills · ★8.4k
Где работает
Claude Code и другие агенты, которые читают .claude/skillsКак устроены навыки
Куда ставить
Навык работает только в текущем проекте.
Как установить
  1. 1Скопируйте команды из блока «Установка» ниже и выполните их в терминале.
  2. 2Навыки появятся в папке .claude/skills/: generate-design, code-to-design, manage-design-system, extract-design-md, extract-static-html, upload-to-stitch, react-components, react-native, react-vite-dashboard, shadcn-ui, remotion, design-md, enhance-prompt, site-md, stitch-loop, taste-design.
  3. 3Откройте новую сессию Claude Code — навыки подхватятся автоматически.

Что внутри

npx degit --force google-labs-code/stitch-skills/plugins/stitch-design/skills .claude/skills
npx degit --force google-labs-code/stitch-skills/plugins/stitch-build/skills .claude/skills
npx degit --force google-labs-code/stitch-skills/plugins/stitch-utilities/skills .claude/skills
.claude/skills/
├── generate-design/SKILL.md
├── code-to-design/SKILL.md
├── manage-design-system/SKILL.md
├── extract-design-md/SKILL.md
├── extract-static-html/SKILL.md
├── upload-to-stitch/SKILL.md
├── react-components/SKILL.md
├── react-native/SKILL.md
├── react-vite-dashboard/SKILL.md
├── shadcn-ui/SKILL.md
├── remotion/SKILL.md
├── design-md/SKILL.md
├── enhance-prompt/SKILL.md
├── site-md/SKILL.md
├── stitch-loop/SKILL.md
└── taste-design/SKILL.md

Действия

Открыть на GitHubДокументация
НазадWeb Interface GuidelinesДалееTheme Factory от Anthropic
.claude/skills/ · 16 навыков
  1. 1---
  2. 2name: generate-design
  3. 3description: "Навыки Google Labs для работы с Stitch: агент генерирует экраны, собирает из них дизайн-систему и переносит макеты в код React."
  4. 4---
  5. 5​
  6. 6# Stitch Skills от Google
  7. 7​
  8. 8Навыки Google Labs для работы с Stitch: агент генерирует экраны, собирает из них дизайн-систему и переносит макеты в код React.
  9. 9​
  10. 10## Что делает
  11. 11​
  12. 12- Генерирует экраны через Stitch MCP
  13. 13- Выделяет из макетов дизайн-систему
  14. 14- Превращает макеты в компоненты React
  15. 15​
  16. 16## Где работает
  17. 17​
  18. 18Claude Code и другие агенты, которые читают .claude/skills.
  19. 19​
  20. 20## Установка
  21. 21​
  22. 221. Выполните: npx degit --force google-labs-code/stitch-skills/plugins/stitch-design/skills .claude/skills, затем npx degit --force google-labs-code/stitch-skills/plugins/stitch-build/skills .claude/skills, затем npx degit --force google-labs-code/stitch-skills/plugins/stitch-utilities/skills .claude/skills
  23. 232. Откройте новую сессию Claude Code — навык подхватится сам.