skilly.
All skills
Design / AGENT SKILL

screenshot-analyze

Vitammiin/agent-vorcl-flow
0 installs 2 GitHub stars
0

Read-only разбор скриншота — layout, компоненты, токены, состояния → план, без генерации кода (screenshot). Use when нужен план/разбор ПЕРЕД кодом; готовый код → /screenshot:conve…
Read-only разбор скриншота — layout, компоненты, токены, состояния → план, без генерации кода (screenshot). Use when нужен план/разбор ПЕРЕД кодом; готовый код → /screenshot:convert, только токены → /screenshot:tokens

Low community score

screenshot-analyze: This skill has a community score below −5, meaning it has received more downvotes than upvotes. Review its source and assessment before installing. Community votes are not a security review.
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

<!-- generated by scripts/generate-codex-skills.mjs; edit canonical agents/, commands/ or skills/ -->

Проведи **read-only** разбор скриншота, код не пиши: **запрос пользователя**.

Открой изображение через Read и опиши структурировано:
- **Layout:** grid/flexbox/позиционирование, колонки, gaps, выравнивание, max-width контента, mobile- vs desktop-подсказки.
- **Компоненты:** перечисли (навбар, кнопки, инпуты, карточки, модалки, табы…), отметь **повторяющиеся** кандидаты в переиспользуемые.
- **Дизайн-токены:** цвета (точные hex → предложи OKLCH-токены `@theme`), типографика (семейство/кегль/насыщенность/межстрочный), шкала spacing, радиусы, тени, градиенты.
- **Состояния:** hover/focus/active/disabled, empty/loading/error, где они видны или подразумеваются.

Выдай **план воплощения**: иерархию компонентов, рекомендуемый фреймворк (по умолчанию React + Tailwind v4) и что уточнить. Реализацию — через `$screenshot-convert`. Опирайся на навыки `screenshot-to-code`, `tailwind`, `react`, `frontend-architecture`. Делегируй субагенту `$screenshot`.