Community / AGENT SKILL

screenshot-vorcl

0 installs 2 GitHub stars

Точка входа в Task Master workflow для цели по конвертации скриншота(ов) в код (роль screenshot). Use when экранов несколько или цель комплексная; один экран → $screenshot-convert, существующий UI в кодовой базе → $pinpoint-vorcl.

One new superpower.

Run this command in your project to choose an agent and install the skill.

npx skillycli add https://github.com/Vitammiin/agent-vorcl-flow --skill screenshot-vorclView original source

BEFORE YOU INSTALL

Understand the trade-offs.

SECURITY REVIEW

Not yet assessed

Review the original instructions and requested permissions before installing.

No security review is available for this catalog entry yet.

SKILL QUALITY

Not yet assessed

How clearly the skill guides your agent, how complete its workflow is, and how you can check the outcome.

No quality assessment is available for this catalog entry yet.

The full skill.

Original instructions from the publisher’s SKILL.md

# Задача: цель по конвертации скриншота через 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`.