83.3K+Скачать
Перейти к руководству
enhance-promptавтор Google Labs

Enhance Prompt Skill.

Навык для Claude Code и Codex в области UI-дизайна: переписывает размытые идеи интерфейса в отполированные промпты, оптимизированные для Stitch.

  • Web и UI
Скачать OpenDesignИнструкция по использованию
google-labs-code/stitch-skills · plugins/stitch-utilities/skills/enhance-prompt/SKILL.mdSKILL.md
--- name: enhance-prompt description: Transforms vague UI ideas into polished, Stitch-optimized prompts. Enhances specificity, adds UI/UX keywords, injects design system context, and structures output for better generation results. --- ## Prerequisites ## When to Use This Skill ## Enhancement Pipeline ## Output Options ## Examples ## Tips for Best Results
Метаданные и заголовки разделов прочитаны из исходного файла 2026-09-14 · 6 618 символов полностью

01 Что делает

Что делает skill enhance-prompt в Claude Code и Codex

Сводка, рабочий процесс и результаты — всё прочитано из SKILL.md этого skill.

Из SKILL.mdПрочитано 14.09.2026 · не запись выполнения

Словами самого skill

Этот skill превращает черновые идеи UI в промпты, подготовленные для генерации в Stitch. Работая как Stitch Prompt Engineer, он проверяет ввод на отсутствие платформы, типа страницы, структуры, визуального стиля, цветов и компонентов, затем переписывает нечёткие формулировки в конкретные названия компонентов, усиливает прилагательные настроения, группирует контент в пронумерованные разделы и оформляет каждый цвет как название, hex-код и функциональную роль.

Если в проекте есть DESIGN.md, его палитра, типографика и стили компонентов включаются в блок DESIGN SYSTEM (REQUIRED); если его нет, подсказка указывает на skill design-md. По умолчанию результат — копируемый текст, либо файл, например next-prompt.md, для stitch-loop.

Что он выдаёт

  • Улучшенный промпт, который начинается с однострочного описания назначения страницы и настроения, за которым следует блок дизайн-системы и пронумерованная структура страницы.
  • Необязательный файл next-prompt.md, написанный для использования со skill stitch-loop.
  • Необязательный файл с произвольным именем, выбранным пользователем.
Смотрите пример запроса ↗

Как это работает

  1. 01
    Проверка исходного ввода

    Skill проверяет промпт пользователя по шести элементам: платформа, тип страницы, структура, визуальный стиль, цвета и компоненты.

  2. 02
    Подключение дизайн-системы

    Он ищет DESIGN.md в текущем проекте и считывает блок дизайн-системы, чтобы палитру, типографику и стили компонентов можно было повторно использовать в новом промпте.

  3. 03
    Применение техник улучшения

    Нечёткие термины превращаются в именованные компоненты, прилагательные усиливаются до настроения, контент организуется в пронумерованные разделы, а цвета записываются с описательным названием, hex-значением и ролью.

  4. 04
    Форматирование вывода в фиксированном порядке

    Результат начинается с однострочного описания назначения страницы и настроения, затем идёт блок DESIGN SYSTEM (REQUIRED), затем пронумерованная Page Structure.

02 Определите своё применение

Когда использовать навык enhance-prompt

Используйте навык enhance-prompt в Claude Code или Codex, когда задача — UI-дизайн такого рода. Область применения и ограничения ниже взяты из собственного файла навыка.

Хорошо подходит

  • Доработка промпта UI перед отправкой в Stitch.
  • Переработка промпта, который уже дал слабые результаты генерации.
  • Добавление согласованности дизайн-системы к простой идее.
  • Превращение расплывчатой концепции в структурированный, готовый к работе промпт.

Знайте границы

  • Объединение нескольких несвязанных изменений в один запрос на редактирование настоятельно не рекомендуется; изменения нужно обрабатывать по одному за раз.
  • Избыточное усложнение — антипаттерн: если пользователь хочет что-то простое, улучшение должно соответствовать этому намерению.

Что предоставить

  • Черновая идея или существующий промптРасплывчатая идея генерации UI или промпт, который сработал не так, как ожидалось, — исходный материал, который переписывает этот skill.
  • Файл DESIGN.md проекта, если он существуетОн читается из текущего проекта, чтобы его палитра, типографика и стили компонентов были перенесены в новый промпт.

03 Внутри скилла

Правила, которые skill enhance-prompt задаёт Claude Code и Codex

7 конкретных инструкций, значений по умолчанию и ограничений, которые SKILL.md задаёт агенту, — та часть файла, которая меняет результат.

  1. Сначала проверьте Stitch Guide

    Перед тем как что-либо улучшать, обратитесь к официальной документации Stitch по составлению промптов, так как её рекомендации могут иметь приоритет над шаблонами, встроенными в этот skill.

  2. Переформатирование DESIGN.md в обязательный блок

    Если DESIGN.md существует, его содержимое не цитируется как есть; оно переформатируется в раздел с заголовком DESIGN SYSTEM (REQUIRED) в итоговом результате.

  3. Обработка случая отсутствия DESIGN.md

    Если DESIGN.md отсутствует, улучшенный промпт завершается примечанием, направляющим пользователя к skill design-md для получения согласованных многоэкранных дизайнов.

  4. Запись цветов по единому фиксированному шаблону

    Каждый цвет выражается как описательное название, hex-код в скобках и функциональная роль, которую он играет, — никогда как просто образец цвета или расплывчатое прилагательное.

  5. Нумерация разделов страницы

    Содержимое страницы группируется в нумерованные разделы, чтобы Stitch считывал иерархию, а не воспринимал её как сплошной текст.

  6. Текст как формат вывода по умолчанию

    Если пользователь не указал иное, улучшенный промпт возвращается в виде текста для копирования; запись в файл — опциональна.

  7. Сохранение остального при точечных изменениях

    Когда запрос — это правка, а не новая страница, промпт должен указывать, что вносится только описанное изменение, а все существующие элементы остаются.

04 Применение

Установите enhance-prompt в Claude Code или Codex

Одна команда npx skills add, затем первая задача в вашем агенте и чек-лист для результата.

Добавьте enhance-prompt в Claude Code, Codex или ваш агент

Запустите в своём проекте; установщик спросит, какому агенту его добавить.

Terminal
npx skills add https://github.com/google-labs-code/stitch-skills --skill enhance-prompt

Общая форма CLI skills для plugins/stitch-utilities/skills/enhance-prompt/SKILL.md; репозиторий может документировать собственный путь.

Дайте skill первую задачу по дизайну интерфейса

Адаптируйте этот промт с вашим содержимым и ограничениями, затем запустите его в Claude Code или Codex.

Example prompt
make me a login page

Источник: пример SKILL.md (буквально).

Проверьте первый результат

Что сам SKILL.md считает правильным результатом:

  • Промпт содержит блок DESIGN SYSTEM (REQUIRED), в котором в указанном порядке перечислены platform, theme, background, primary accent и text primary.
  • Каждый цвет представлен как описательное название, hex-код и функциональная роль.
  • Содержимое страницы представлено в виде пронумерованных секций, например заголовка с навигацией, а не разрозненного описания.
  • Никакие расплывчатые слова о компонентах не остаются: запрос кнопки превращается в основную кнопку призыва к действию.
  • Блок design system присутствует всегда, поскольку именно согласованность делает многостраничный результат целостным.
  • Для точечной правки в промпте указываются место, стиль, плейсхолдер, поведение и ширина, вместо повторного описания всей страницы.

В OpenDesign enhance-prompt входит в комплект: Plugins → Skills, выберите его в верхней панели.

Скачать OpenDesignЧитать quickstart

05 Открытый исходный код, проверяемость

Источник, лицензия и проверка

Откуда взяты факты на этой странице и когда они были последний раз проверены.

Author
Google Labs
Repository
github.com/google-labs-code/stitch-skills Ветка main
Файл skill
plugins/stitch-utilities/skills/enhance-prompt/SKILL.md Контрольная сумма содержимого записана при проверке; коммит 0337446
License
Apache-2.0 Из LICENSE.
Звёзды репозитория
8 304 Снимок GitHub сделан 2026-09-14 для всего репозитория google-labs-code/stitch-skills, который содержит 12 навыков в этом каталоге. Не является рейтингом или счётчиком использования enhance-prompt.
Проверено OpenDesign
2026-09-14 Исходный файл, путь, текст лицензии и количество звёзд проверены. Включён в основной OpenDesign (проверено 2026-08-28); запись живого запуска на этой странице отсутствует.

Внутри SKILL.md

  1. Предварительные условияПеред улучшением ознакомьтесь с официальным руководством по промптингу Stitch, так как оно может иметь приоритет над этими шаблонами.
  2. Когда использовать этот skillЧетыре триггера: улучшить промпт, исправить слабый результат, добавить согласованность дизайна, структурировать расплывчатую идею.
  3. Конвейер улучшенияЧетыре шага: оценить пробелы, проверить DESIGN.md, применить приёмы ключевых слов, атмосферы, структуры и цвета, затем отформатировать.
  4. Варианты выводаПо умолчанию — текст для копирования; при необходимости можно записать next-prompt.md или файл с именем, указанным пользователем.
  5. ПримерыРасплывчатый запрос страницы входа и точечная правка с добавлением строки поиска, оба с полным улучшенным результатом.
  6. Советы для лучшего результатаПять напоминаний: конкретность, намерение пользователя, нумерованная структура, включение design system и правки с одним изменением.
Собственное описание skill
«Превращает нечёткие идеи UI в отточенные промпты, оптимизированные для Stitch. Усиливает конкретику, добавляет ключевые слова UI/UX, вносит контекст дизайн-системы и структурирует вывод для лучших результатов генерации.»

Описание из начала SKILL.md. Полный файл содержит около 6 618 символов. Читать полный файл на GitHub.

06 Перед установкой

Вопросы о skill enhance-prompt

Ответы взяты из SKILL.md в редакции от 2026-09-14, а не из записанного запуска.

Нужен ли мне DESIGN.md, чтобы использовать этот skill?

Нет. Skill просто ищет его в текущем проекте. Если файла нет, улучшенный промпт завершается подсказкой создать его с помощью skill design-md, чтобы все создаваемые страницы имели единый визуальный язык.

Как выглядит готовый промпт?

Однострочное описание назначения и атмосферы страницы, блок DESIGN SYSTEM (REQUIRED) с токенами платформы, темы, фона и акцента, затем пронумерованная структура страницы. Раздел структуры перечисляет каждую область, например заголовок, hero и футер.

Сохраняет ли он промпт где-либо или просто показывает его?

По умолчанию он возвращает улучшенный промпт в виде текста для копирования. Если вы попросите файл, он может записать next-prompt.md для skill stitch-loop или указанное вами имя файла.

Какие инструменты нужны этому skill?

Он объявляет Read и Write как разрешённые инструменты, что покрывает чтение DESIGN.md и запись необязательного файла промпта.

Enhance Prompt

Запустите enhance-prompt на реальной задаче по дизайну интерфейса.

Навык enhance-prompt входит в OpenDesign. Скачайте приложение, выберите навык в Plugins → Skills, вставьте промпт выше и прочтите план перед результатом.

Загрузить OpenDesignВсе навыки
Терминал
npx skills add https://github.com/google-labs-code/stitch-skills --skill enhance-prompt