screenshot-to-code
Преобразуйте скриншоты интерфейса в рабочий код HTML/CSS/React/Vue. Определяет паттерны дизайна и компоненты, генерирует адаптивные макеты. Используйте, когда пользователи предоставляют скриншоты веб-сайтов, приложений или UI-дизайнов и хотят получить код для их реализации.
AIonewave-ai
official
Дизайн
Что делает навык
Преобразуйте скриншоты интерфейса в рабочий код HTML/CSS/React/Vue. Определяет паттерны дизайна и компоненты, генерирует адаптивные макеты. Используйте, когда пользователи предоставляют скриншоты веб-сайтов, приложений или UI-дизайнов и хотят получить код для их реализации.
Как подключить
1Скачать навык
# возьмите папку навыка «screenshot-to-code» из репозитория:
# https://github.com/onewave-ai/claude-skills
2Положить папку с
SKILL.md к навыкам ассистента# положите папку навыка туда, где ассистент ищет skills:
cp -r screenshot-to-code/ ~/.claude/skills/screenshot-to-code/
Навык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.