Преобразуйте скриншоты пользовательского интерфейса в рабочий код HTML/CSS/React/Vue. Обнаруживает шаблоны проектирования, компоненты и создает адаптивные макеты. Используйте это, когда пользователи предоставляют скриншоты веб-сайтов, приложений или дизайнов пользовательского интерфейса и хотят реализовать код.
Быстро установите AI-навык screenshot-to-code в вашу среду разработки через командную строку
Источник: gked2121/claude-skills.
Convert UI screenshots into production-ready code with accurate styling and structure.
When a user provides a screenshot of a UI design:
Default: If not specified, use React with Tailwind CSS for modern designs, or plain HTML/CSS for simple pages.
Преобразуйте скриншоты пользовательского интерфейса в рабочий код HTML/CSS/React/Vue. Обнаруживает шаблоны проектирования, компоненты и создает адаптивные макеты. Используйте это, когда пользователи предоставляют скриншоты веб-сайтов, приложений или дизайнов пользовательского интерфейса и хотят реализовать код. Источник: gked2121/claude-skills.
Стабильные поля и команды для ссылок в AI/поиске.
npx skills add https://github.com/gked2121/claude-skills --skill screenshot-to-codeПреобразуйте скриншоты пользовательского интерфейса в рабочий код HTML/CSS/React/Vue. Обнаруживает шаблоны проектирования, компоненты и создает адаптивные макеты. Используйте это, когда пользователи предоставляют скриншоты веб-сайтов, приложений или дизайнов пользовательского интерфейса и хотят реализовать код. Источник: gked2121/claude-skills.
Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/gked2121/claude-skills --skill screenshot-to-code После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw
https://github.com/gked2121/claude-skills