К основному содержанию
affpapa.org
RU EN
скилл Claude Code CX Codex Cursor GitHub Copilot

plan-design-review · nexu-io — скилл для Claude Code: ревью UI и установка

Скилл оценивает каждое измерение дизайна по шкале 0-10, объясняет, как выглядит оценка 10, и отмечает признаки AI Slop. Запускайте его перед слиянием UI-работ.

Установить в Claude Code · Через Skills CLI (Vercel) Все способы и платформы ↓ 
npx skills add nexu-io/open-design --skill plan-design-review -a claude-code
Открыть на GitHub

Что делает plan-design-review

Скилл проверяет дизайн интерфейса: оценивает каждое измерение по шкале 0-10, описывает, как выглядит оценка 10, и отмечает признаки AI Slop. Такой разбор к месту перед слиянием: оценки по измерениям и сигналы AI Slop дают предмет для проверки.

Запись в OpenDesign помогает агенту обнаружить скилл на этапе планирования. Для полного исходного процесса с оригинальными ресурсами, скриптами и справочными материалами нужно установить исходный комплект в каталог скиллов активного агента. Эту установку стоит предусмотреть заранее, если нужны материалы полного процесса.

Какие задачи решает

  • Оценить измерения дизайна перед слиянием интерфейса
  • Понять, как выглядит оценка 10 по каждому измерению
  • Отметить признаки AI Slop в UI

Примеры запросов агенту

  • Вызови скилл `plan-design-review` перед слиянием этой UI-страницы.
  • Запусти `plan-design-review` и оцени дизайн этого экрана по измерениям.
  • Вызови `plan-design-review`, чтобы проверить макет на признаки AI Slop.

Как установить plan-design-review

1Через Skills CLI (Vercel)

npx skills add nexu-io/open-design --skill plan-design-review -a claude-code

2Вручную: положить файлы

~/.claude/skills/plan-design-review/SKILL.md

Папка скилла целиком; для одного проекта — .claude/skills/plan-design-review/

Из того же набора106

Весь набор →
ui-ux-pro-max nexu-io Каталожная карточка для обнаружения скилла UI/UX Pro Max в репозитории OpenDesign. Помогает агенту распознавать запросы к паттернам интерфейсов и эвристикам юзабилити. Claude Code CX Codex Cursor +1 5 400установок frontend-design nexu-io Скилл для создания фронтенд-интерфейсов с продуманной типографикой, цветом и вёрсткой — от лендингов до дашбордов. Claude Code CX Codex Cursor +1 4 800установок threejs nexu-io Помогает ассистенту создавать 3D-сцены, настраивать материалы, камеру и пост-обработку на Three.js прямо в браузере. Claude Code CX Codex Cursor +1 3 400установок creative-director nexu-io Скилл ведёт разработку креативной концепции от брифа до презентации и проверяет идеи по трём осям. Нужен для кампаний и критики концепций. Claude Code CX Codex Cursor +1 3 400установок design-brief nexu-io Преобразует дизайн-бриф в формате I-Lang в конкретную спецификацию с палитрой, типографикой, плотностью и ограничениями. Устраняет неопределённость из фраз вроде «сделай профессионально». Claude Code CX Codex Cursor +1 3 400установок apple-hig nexu-io Подключает базу Apple Human Interface Guidelines для iOS, macOS, visionOS, watchOS и tvOS к агенту при проектировании интерфейсов. Claude Code CX Codex Cursor +1 3 200установок hatch-pet nexu-io Создаёт и упаковывает спрайтшиты анимированных питомцев для Codex в формате 8×9. Пригодится для сборки пиксельного компаньона по концепту или картинке-референсу. Claude Code CX Codex Cursor +1 3 100установок design-md nexu-io Создаёт и ведёт DESIGN.md с направлением дизайна, токенами и визуальными правилами. Пригодится, когда агенту нужен единый документ по дизайн-системе. Claude Code CX Codex Cursor +1 3 100установок

Другие версии plan-design-review

plan-design-review garrytan Скилл для дизайн-ревью планов и черновиков перед началом разработки. Находит пробелы в UX и интерфейсных решениях и сразу вносит правки в план. Claude Code CX Codex Cursor +1 474установок

Похожие

presentation iii-hq Превращает каталог технической спецификации в интерактивную веб-презентацию. Нужен, когда спецификацию хотят показать как связный публичный дек. Claude Code CX Codex Cursor +1 3 400установок popular-web-designs Hermes Agent + Teknium (design systems sourced from VoltAgent/awesome-design-md) 54 готовых дизайн-систем реальных сайтов (Stripe, Linear, Vercel, Claude) с CSS-токенами, типографикой и компонентами для быстрой вёрстки в стиле известных брендов. Claude Code CX Codex Cursor +1 914установок seo-image-gen AgriciDaniel Генерирует OG-картинки, обложки статей, фото товаров и инфографику через Gemini. Пригодится, когда SEO-изображение нужно создать прямо из агентной среды. Claude Code CX Codex Cursor +1 6 000установок event-store-design Seth Hobson Скилл помогает спроектировать хранилище событий для event-sourced системы и выбрать подходящую технологию. Пригодится, когда вы строите инфраструктуру хранения событий. Claude Code CX Codex Cursor 10 800установок frontend-design официальный anthropics Скилл задаёт осмысленное визуальное направление для новых интерфейсов и редизайна. Подойдёт, когда стандартный шаблонный UI не устраивает. Claude Code Claude.ai 1 025 790установок grill-me Matt Pocock Скилл проводит жёсткое интервью по плану или дизайну, чтобы найти пробелы и уточнить решения. Подойдёт перед началом разработки. Claude Code 1 424 476установок design-taste-frontend Leonxlnx Скилл задаёт арт-дирекцию для публичных страниц и рабочих экранов, а затем проверяет результат в браузере по скриншотам. Нужен, когда интерфейс выглядит шаблонным или недоработанным. Claude Code CX Codex Cursor +1 673 100установок prototype Matt Pocock Создаёт временный прототип, чтобы проверить логику, модель состояния или вид интерфейса до работы над основным кодом. Claude Code 986 201установок

Вопросы о plan-design-review

Как установить `plan-design-review` в Codex?

Выполните npx skills add nexu-io/open-design --skill plan-design-review -a codex; после установки файл скилла находится по пути .agents/skills/plan-design-review/SKILL.md.

Что делает `plan-design-review`?

Он оценивает измерения дизайна по шкале 0-10, объясняет, как выглядит высшая оценка, и отмечает признаки AI Slop. Разбор можно провести перед слиянием UI-работ.

Что нужно для полного процесса с исходными материалами?

Установите исходный комплект в каталог скиллов активного агента. Он нужен для работы с оригинальными ресурсами, скриптами и справочными материалами.

Исходный текст

SKILL.md · Apache-2.0 
---
name: plan-design-review
description: |
  Senior Designer review: rates each design dimension 0-10, explains what a 10 looks like, and flags AI Slop signals. Useful as a gate before merging UI work.
triggers:
  - "plan design review"
  - "senior designer review"
  - "design rating"
  - "ai slop check"
od:
  mode: design-system
  category: creative-direction
  upstream: "https://github.com/garrytan/gstack"
---

# plan-design-review

> Curated from Garry Tan (gstack).

## What it does

Senior Designer review: rates each design dimension 0-10, explains what a 10 looks like, and flags AI Slop signals. Useful as a gate before merging UI work.

## Source

- Upstream: https://github.com/garrytan/gstack
- Category: `creative-direction`

## How to use

This catalogue entry advertises the skill in OpenDesign so the agent
discovers it during planning. To run the full upstream workflow with
its original assets, scripts, and references, install the upstream
bundle into your active agent's skills directory:

```bash
# Inspect the upstream README for exact paths
open https://github.com/garrytan/gstack
```

Then ask the agent to invoke this skill by name (`plan-design-review`) or with
one of the trigger phrases listed in this skill's frontmatter.

© nexu-io · Apache-2.0 · nexu-io/open-design

Смотрите также

Спонсоры проекта

Компании, которые помогают держать аналитику открытой
Золотой спонсор AI-аналитика спроса на iGaming — индекс, тренды, конкуренты
Nutra.Club Закрытое сообщество Nutra-вертикали от команды M1

Показы, клики и копирования кода — открытая статистика. Мы держим цифры публичными по той же логике, что и сам NeBlask. Стать спонсором