Точка входа в Task Master workflow для цели по конвертации скриншота(ов) в код (роль screenshot). Use when экранов несколько или цель комплексная; один экран → $screenshot-convert, существующий UI в кодовой базе → $pinpoint-vorcl.
Installs into .claude/skills of the current project.
Are you the author of Screenshot Vorcl?
Add the live security badge to your README. It updates with every re-scan.
[](https://www.skillsdirectory.com/skills/vitammiin-screenshot-vorcl)
---
name: screenshot-vorcl
description: Точка входа в Task Master workflow для цели по конвертации скриншота(ов) в код (роль screenshot). Use when экранов несколько или цель комплексная; один экран → $screenshot-convert, существующий UI в кодовой базе → $pinpoint-vorcl.
---
# Задача: цель по конвертации скриншота через workflow (screenshot)
Возьми цель (интерфейс/набор экранов из скриншотов) в работу через Task Master (см. `$screenshot`, `$screenshot-to-code`).
1. Инициализация при необходимости (`task-master init`).
2. Открой скриншот(ы) и разложи цель на задачи (`add_task`; целый интерфейс — PRD + `parse_prd`): какие экраны/компоненты воспроизвести, какие переиспользуемые компоненты выделить, какие токены `@theme` извлечь, какой фреймворк.
3. `next_task` → `get_task`; воспроизводи UI: семантический HTML, точные цвета (hex→OKLCH-токены), spacing/пропорции, состояния, адаптив, a11y. Ход — `update_subtask`.
4. Проверь `testStrategy` (вёрстка соответствует скриншоту, токены на месте, a11y и адаптив есть, сборка/тесты зелёные) → `set_task_status --status=done`; повторяй.
Воспроизводи точно, неоднозначное помечай/уточняй. Опирайся на `$screenshot-to-code`, `$tailwind`, `$react`, `$nextjs`, `$typescript`, `$frontend-architecture`, `$workflow`, `$task-master`. Веди как роль `$screenshot`.
