ai for designersMay 1, 20269 min read

Prompt-поверхности: новый примитив UX

Поле ввода промпта - это новая кнопка. Рабочий плейбук по проектированию prompt-поверхностей как полноценного UX-примитива: анатомия, паттерны, типичные ошибки и аудит перед релизом.

By Boone
XLinkedIn
prompt surfaces

Prompt-поверхность - это новая кнопка. Дизайнер, который относится к ней как к строке поиска, выпускает продукт 2018 года в 2026-м. Текстовое поле съело форму, мастер настройки и большую часть панели настроек, а выигрывают те продукты, что считают ввод полноценным UX-примитивом, а не textarea с иконкой бумажного самолётика.

Большинство команд по-прежнему выпускают textarea. Голый прямоугольник, плейсхолдер «Спроси что угодно», кнопка отправки и ничего больше. Это строка поиска с манией величия. Настоящая prompt-поверхность - это компонент с анатомией, аффордансами, состоянием и путём восстановления.

Этот материал - операционная версия. Что такое prompt-поверхность на самом деле, восемь частей, которые есть у каждой хорошей, шесть ошибок, которые их убивают, шесть именованных паттернов, которые лучшие продукты используют прямо сейчас, и аудит из семи вопросов, который за три минуты покажет, примитив у вас или заглушка.

Prompt-поверхность - это не textarea

Prompt-поверхность - это вся область, куда пользователь вводит текст, вокруг которой он настраивает и откуда читает ответ. Поле ввода - видимая часть. Компонент - это всё, что к нему прикручено.

Само поле - один элемент. Пустое состояние с подсказками, слоты для вложений, выбор модели, переключатели инструментов, кнопка отправки, область потокового вывода, элементы управления «перегенерировать, редактировать, ветвить» и история - это остальное. Команда, которая проектирует только поле, выпустила верхушку айсберга.

Cursor, Claude, Linear AI, v0, Lovable, Notion AI, Raycast AI, Vercel AI Playground. Никто из них не считает ввод textarea. Каждый выпускает структурированную поверхность, где поле - точка входа в настраиваемое, наблюдаемое и обратимое взаимодействие. Вот планка.

Воксельный рендер одной огромной prompt-поверхности, оформленной как архитектура, с парящими чипами для упоминаний, вложений, инструментов, модели и приземистым кубом отправки
Воксельный рендер одной огромной prompt-поверхности, оформленной как архитектура, с парящими чипами для упоминаний, вложений, инструментов, модели и приземистым кубом отправки

Анатомия prompt-поверхности, которая работает

Восемь частей. Пустое состояние, подсказки, слоты вложений, выбор модели, переключатели инструментов, кнопка отправки, область потокового вывода, элементы ревизии. Prompt-поверхность, в которой меньше шести частей, неполна.

Пустое состояние должно обучать продукту без свалки текста. Командная строка Cursor показывает недавние файлы и недавние промпты. Слэш-меню Notion AI и есть пустое состояние, разветвлённое по намерению. v0 выдаёт галерею стартовых промптов, которая заодно служит доказательством. «Спроси что угодно» - враг. Оно требует, чтобы пользователь сам придумал сценарий использования.

Подсказки встречают пользователя на полпути. Инлайн-чипы, история недавних промптов, автодополнения с учётом контекста. Выбор через @-упоминание в Cursor - хрестоматийный пример: одним нажатием промпт привязывается к файлу, функции или документу.

Слоты вложений делают ввод мультимодальным. v0 позволяет вставить скриншот и работать с ним промптом. Claude принимает PDF, изображения и файлы кода. Lovable принимает фрейм Figma как контекст. Слот - это контракт.

Выбор модели, переключатели инструментов и кнопка отправки - слой конфигурации. Они говорят пользователю, что сейчас произойдёт, до того как это произойдёт. Vercel AI Playground делает выбор модели самым заметным элементом. Cursor переключает режим агента и инлайн-правку до отправки. Спрячьте конфигурацию, и пользователь будет гадать.

Область потокового вывода и элементы ревизии замыкают цикл. Панель артефактов Claude - один из самых чистых выпущенных примеров. Результат получает собственную область, prompt-поверхность остаётся живой, и пользователь может отредактировать промпт или перегенерировать артефакт, ничего не потеряв.

Воксельная схема в разобранном виде: prompt-поверхность распадается на восемь подписанных блоков, парящих в воздухе, с тонкими коралловыми линиями, показывающими, что они части одного компонента
Воксельная схема в разобранном виде: prompt-поверхность распадается на восемь подписанных блоков, парящих в воздухе, с тонкими коралловыми линиями, показывающими, что они части одного компонента

Сигналы доверия - несущая деталь

Практически именно на prompt-поверхности пользователь решает, доверять ли модели. Каждый видимый сигнал либо зарабатывает доверие, либо сжигает его.

Доверие рождается из ясности. Видно, какая модель работает. Вызовы инструментов перечислены до запуска или стримятся по ходу. Обратная связь при стриминге честная, а не фальшивый спиннер, изображающий работу. Отмена достижима меньше чем за секунду. Ошибка называет, что сломалось и почему. Это то же ремесло, которого требует хороший UI агента, только в масштабе поля ввода.

Самый дешёвый сигнал доверия - кнопка стоп. Потоковый ответ без видимой кнопки остановки - враждебная поверхность. Пользователь смотрит, как модель пишет то, что он уже знает как ошибочное, и единственный выход - закрыть вкладку. Claude, Cursor и v0 выпускают видимую кнопку стоп. Большинство самописных чат-интерфейсов про неё забывают.

Шесть ошибок, которые убивают prompt-поверхности

Большинство prompt-поверхностей в проде сегодня содержат хотя бы одну из них. Исправления несложные.

Пустой прямоугольник. Textarea, плейсхолдер «Чем могу помочь» и ничего больше. Пользователь придумывает сценарий с нуля. Исправление: структурированное пустое состояние с тремя-пятью конкретными стартовыми вариантами, привязанными к реальным возможностям продукта.

Ввод без подсказок. Поверхность принимает промпт, но никогда ничего не предлагает. Опытные пользователи выучивают паттерны. Новички уходят. Исправление: недавние промпты, подсказки с областью действия (@-упоминание в Cursor, выбор выделения в v0) и инлайн-дополнения, настроенные под текущий контекст.

Спиннер мёртвого стриминга. Крутится спиннер, пока модель молча делает десять вызовов инструментов в фоне, а пользователь не понимает, что это значит. Исправление: стримьте настоящую работу. Видимые вызовы инструментов, видимые правки файлов, видимый промежуточный вывод.

Непереключаемая модель. Продукт выбирает модель и скрывает выбор. Опытные пользователи не могут отправить тяжёлые задачи на более сильную модель, а экономные не могут отправить лёгкие на более дешёвую. Исправление: покажите выбор, разумно задайте значение по умолчанию, запоминайте выбор для каждой задачи.

Поверхность с амнезией. Каждый новый промпт сбрасывает контекст. Пользователь заново вставляет файл, URL, бриф в каждом ходе. Исправление: чип памяти, закреплённый слот контекста или область сессии, которую пользователь видит и может редактировать.

Деструктивная перегенерация. Кнопка регенерации перезаписывает прошлый результат без истории версий. Пользователь потерял лучший ответ и не может его вернуть. Исправление: перегенерация как ветка, а не перезапись, как уже делают история Claude и стек версий v0.

Библиотека паттернов для prompt-поверхностей

Шесть именованных паттернов отделяют prompt-поверхности, ощущающиеся примитивом, от тех, что ощущаются заглушкой. Берите из этого списка, прежде чем что-либо передизайнивать.

Промпт с областью действия. Поле принимает токен области, ограничивающий то, чего модель может касаться. Канонический пример - @-упоминание в Cursor. Пользователь вводит @layout.tsx, и промпт привязан к этому файлу. У v0 похожая область по выделению: пользователь кликает по участку холста, и промпт работает с ним. Область превращает расплывчатый промпт в точный, не заставляя писать больше.

Промпт по выделению. Пользователь выделяет что-то в продукте, и prompt-поверхность появляется с уже привязанным выделением как контекстом. v0 делает так с выделением на холсте. Notion AI - с выделенным текстом. AI в Linear сам подхватывает область задачи. Не заставляйте пользователя описывать то, на что он уже указал.

Инлайн-переключатели инструментов. Поверхность выводит вызовы инструментов как переключатели или чипы на рамке ввода. Cursor переключает режим агента, режим правки и наборы инструментов. Raycast AI показывает команды. Vercel AI Playground показывает переключатели function calling. Пользователь знает, какие инструменты заряжены, до отправки.

Чип памяти. Постоянный элемент, показывающий, что модель уже знает о текущей сессии. И ChatGPT, и Claude выпускают варианты. Чип редактируемый, удаляемый и видимый, и в этом весь фокус. Скрытая память - это риск утечки, наряженный в фичу.

Воксельная сетка два на три из шести небольших плиток поверхностей с подписями SCOPED PROMPT, SELECTION-DRIVEN, INLINE TOOLS, MEMORY CHIP, BRANCHING, APPROVAL GATE
Воксельная сетка два на три из шести небольших плиток поверхностей с подписями SCOPED PROMPT, SELECTION-DRIVEN, INLINE TOOLS, MEMORY CHIP, BRANCHING, APPROVAL GATE

Ветвящийся промпт. Перегенерация разветвляет разговор, а не перезаписывает его. Каждая ветка - сохранённое состояние, к которому можно вернуться. Это показывает история разговоров Claude, v0 хранит стек версий сгенерированных UI, чат-треды Cursor можно ветвить. Эксперименты становятся деревом, а не спином в казино.

Вызов инструмента с подтверждением. Поверхность делает паузу перед деструктивным вызовом инструмента и просит пользователя одобрить, изменить или отменить. Composer в Cursor ставит заслон перед рискованными shell-командами. Claude Code закрывает деструктивные операции системой разрешений. ChatGPT Operator ставит заслон на платёжные действия в браузере. Замедляйте момент, который нельзя отменить, и показывайте действие простым текстом до запуска.

Эти паттерны складываются вместе. Отличная prompt-поверхность обычно выпускает область действия, привязку к выделению, инлайн-инструменты и подтверждения как единый связный компонент. Паттерны не конфликтуют, они играют в унисон.

Аудит prompt-поверхности из семи вопросов

Прогоните его на любом AI-вводе до релиза. Если провалены три пункта или больше, поверхность не готова.

  1. Пустое состояние. Учит ли поверхность пользователя, что вводить, или вываливает на него пустое поле?
  2. Подсказки. Предлагает ли поверхность следующий промпт на основе контекста, недавней истории или выделения?
  3. Область. Может ли пользователь сузить промпт до файла, выделения, блока или сессии, не печатая больше?
  4. Видимость конфигурации. Видны ли модель, инструменты и уровень автономии до отправки, а не зарыты в ящике настроек?
  5. Честность стриминга. Показывает ли потоковый вывод реальную работу или это спиннер, который ничего не значит?
  6. Стоп и правка. Есть ли видимая кнопка стоп во время стриминга и недеструктивная перегенерация после?
  7. Прозрачность памяти. Видит ли пользователь и может ли редактировать то, что модель помнит в рамках сессии?

Поверхность, прошедшая все семь, ощущается примитивом. Поверхность, провалившая три и больше, ощущается строкой поиска. Разрыв между этими исходами и отличает AI-native дизайн продукта от AI, приклеенного сбоку.

Команды, которые строят prompt-поверхность как настоящий компонент, - это те же команды, что на инженерной стороне относятся к своим промптам как к компонентам. Дисциплина окупается одинаково.

FAQ

Что такое prompt-поверхность?

Prompt-поверхность - это вся область UI, куда пользователь вводит промпт, вокруг которой настраивает и откуда читает ответ. В неё входят поле ввода, пустое состояние, подсказки, слоты вложений, выбор модели, переключатели инструментов, кнопка отправки, область потокового вывода и элементы ревизии. Считать её textarea - ошибка. Считать её компонентом - планка.

Чем prompt-поверхность отличается от чат-ввода?

Чат-ввод - это поле сообщения для обмена репликами. Prompt-поверхность - настраиваемый, наблюдаемый и обратимый компонент взаимодействия. Чат-интерфейс оптимизирован под разговор. Prompt-поверхность оптимизирована под ясность цели, доверие к модели и пропускную способность задач. Чат-ввод - одно из возможных воплощений prompt-поверхности, а не синоним.

Какие самые частые ошибки в дизайне prompt UI?

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

У каких продуктов лучшие prompt-поверхности в 2026 году?

Cursor за промпты с областью действия, Claude за ветвящуюся историю и панель артефактов, v0 за промпты по выделению, Linear AI за встроенные промпты, Notion AI за пустое состояние в слэш-меню, Raycast AI за дисциплину выбора и Vercel AI Playground за видимость конфигурации. Никто не выпускает все паттерны на полную мощность, поэтому категория всё ещё широко открыта.

Стройте ввод так, будто это и есть продукт

Prompt-поверхность - важнейший компонент любого AI-native продукта, а большинство команд всё ещё проектируют её как запоздалую мысль. Textarea, кнопка отправки, плейсхолдер, в релиз. Этот стек протух в тот день, когда Cursor и Claude подняли планку.

Отнеситесь ко вводу как к примитиву. Выпустите восемь частей. Избегайте шести ошибок. Сложите шесть паттернов. Прогоните аудит из семи вопросов. Продукт, который выйдет с другой стороны, ощущается как 2026 год, а не как чат-сайдбар 2022-го с новым логотипом.

Если вам нужна команда, которая выпускает prompt-поверхности как полноценные компоненты, а не textarea, наймите Brainy. Мы проектируем UI AI-native продуктов от начала до конца, от пустого состояния до панели потокового вывода, со встроенными сигналами доверия ещё до того, как первый пользователь напечатает хоть слово.

Want a prompt surface that earns the click instead of explaining itself? Brainy ships AI-native product UI end to end, from the empty state to the streaming output panel.

Get Started

More from Brainy Papers

Keep reading