К основному содержанию
скилл CX Codex

enhance-prompt · nexu-io — скилл для Claude Code: улучшает промпты по UI/UX

Переписывает запросы к агенту на языке дизайна: спецификации, UI/UX-термины. Пригодится, когда просишь сверстать интерфейс и хочешь внятный результат.

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

Что делает enhance-prompt

Скилл enhance-prompt берёт ваш запрос и дополняет его дизайнерской лексикой и спецификациями. Работает в сценариях design-to-code, когда нужно превратить расплывчатое «сделай красиво» в конкретное описание визуала.

Внутри — только описание навыка и триггеры (enhance prompt, design prompt, ui prompt, design vocabulary). Полный upstream-воркфлоу со скриптами и ассетами живёт в отдельном бандле google-labs-code/skills, его ставят в директорию скиллов активного агента. Без этого бандла скилл даст только формулировки, а не готовые материалы.

Ставится одной командой через npx skills add под нужную платформу. Файл скилла ложится в ~/.claude/skills/enhance-prompt/SKILL.md для Claude Code или в аналогичный путь для других агентов.

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

  • переформулировать смутный запрос в терминах дизайна
  • добавить в промпт UI/UX-словарь
  • подготовить запрос для design-to-code пайплайна
  • уточнить требования к визуальному результату
  • вызвать навык по триггерной фразе в планировщике агента

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

  • Улучши промпт для лендинга с карточками товаров
  • Добавь в запрос дизайнерскую лексику для формы регистрации
  • Вызови скилл enhance-prompt и перепиши моё описание дашборда

Как установить enhance-prompt

1Через Skills CLI (Vercel)

npx skills add nexu-io/open-design --skill enhance-prompt -a claude-code

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

~/.claude/skills/enhance-prompt/SKILL.md

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

По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов

Вопросы о enhance-prompt

Как установить enhance-prompt в Claude Code?

Выполните npx skills add nexu-io/open-design --skill enhance-prompt -a claude-code, затем файл появится по пути ~/.claude/skills/enhance-prompt/SKILL.md.

Что делает enhance-prompt?

Дополняет ваш запрос дизайн-спецификациями и UI/UX-терминами, чтобы агент точнее понял, какой визуал нужен.

Нужны ли дополнительные файлы для работы скилла?

Полный воркфлоу с ассетами и скриптами лежит в upstream-бандле google-labs-code/skills — его ставят отдельно в директорию скиллов агента.

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

SKILL.md · Apache-2.0
---
name: enhance-prompt
description: |
  Improve prompts with design specs and UI/UX vocabulary. Useful for design-to-code workflows and clarifying requests for visual output.
triggers:
  - "enhance prompt"
  - "design prompt"
  - "ui prompt"
  - "design vocabulary"
od:
  mode: design-system
  category: design-systems
  upstream: "https://github.com/google-labs-code/skills"
---

# enhance-prompt

> Curated from Google Labs (Stitch).

## What it does

Improve prompts with design specs and UI/UX vocabulary. Useful for design-to-code workflows and clarifying requests for visual output.

## Source

- Upstream: https://github.com/google-labs-code/skills
- Category: `design-systems`

## 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/google-labs-code/skills
```

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

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

Похожие скиллы

Всё по теме «Дизайн» →

Сначала — enhance-prompt от других авторов.

enhance-prompt официальный google-labs-code Превращает неточные идеи интерфейса в детальные промпты для Google Stitch. Скилл подтягивает дизайн-систему из DESIGN.md и расписывает структуру экрана. CX Codex +1 58 300установок frontend-design официальный anthropics Скилл задаёт осмысленное визуальное направление для новых интерфейсов и редизайна. Подойдёт, когда стандартный шаблонный UI не устраивает. 1 025 790установок grill-me Matt Pocock Скилл проводит жёсткое интервью по плану или дизайну, чтобы найти пробелы и уточнить решения. Подойдёт перед началом разработки. 1 424 476установок design-taste-frontend Leonxlnx Скилл задаёт арт-дирекцию для публичных страниц и рабочих экранов, а затем проверяет результат в браузере по скриншотам. Нужен, когда интерфейс выглядит шаблонным или недоработанным. CX Codex +1 678 700установок prototype Matt Pocock Создаёт временный прототип, чтобы проверить логику, модель состояния или вид интерфейса до работы над основным кодом. 986 201установок grilling Matt Pocock Стресс-тестирует план, решение или идею сериями уточняющих вопросов. Подходит, когда нужно вскрыть допущения до начала работы. 979 543установок codebase-design Matt Pocock Скилл помогает проектировать модули с небольшим интерфейсом и скрытой внутри сложностью. Подходит для рефакторинга, тестируемости и поиска чистого seam. 850 344установок

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

Весь набор →
imagen Скилл обращается к API генерации изображений Google Gemini, чтобы создавать макеты интерфейсов, иконки, иллюстрации и другие визуальные материалы. CX Codex +1 2 800установок fal-3d Скилл для создания 3D-моделей из текста или изображений через fal.ai. Пригодится для игровых ассетов, AR-превью, прототипов товаров и концептов. CX Codex +1 2 800установок video-downloader Скачивает ролики с YouTube и других платформ для архивации или монтажа с выбором форматов и качества. Пригодится, когда нужно сохранить видео локально через агента. CX Codex +1 2 800установок login-flow Создаёт HTML-прототип экрана входа для мобильного приложения с выбранным способом авторизации. Пригодится, когда нужно продумать состояния формы и её поведение на телефоне. CX Codex +1 2 800установок shader-dev Скилл передаёт агенту приёмы написания GLSL-шейдеров: ray marching, симуляцию жидкостей и процедурную генерацию. Помогает собирать визуальные эффекты и статичные кадры для промо-экранов. CX Codex +1 2 800установок figma-implement-design Скилл помогает перенести дизайн из Figma в код с визуальным соответствием макету. Он пригодится, когда нужно передать фрейм Figma фронтенд-агенту. CX Codex +1 2 800установок after-hours-editorial-template Создаёт роскошные тёмные презентации в стиле haute couture с премиальной типографикой и кинематографическими переходами. Подходит для модных лукбуков и брендовых питчей. CX Codex +1 2 800установок platform-design Добавляет в агент 300+ правил из Apple HIG, Material Design 3 и WCAG 2.2 для вёрстки и проектирования общих интерфейсов под iOS, Android и веб. CX Codex +1 2 800установок

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

Компании, которые помогают держать аналитику открытой