Веб-приложение с первого раза по рубрике

24 сентября 2026

Модель сама составляет критерии «идеального» приложения и дорабатывает результат, пока не наберёт высший балл.

Описание

РазработкаБесплатно

Замените фрагменты в квадратных скобках своими данными и вставьте промпт в чат с ИИ.

Next.js
Tailwind
shadcn/ui
самопроверка

Название

Веб-приложение с первого раза по рубрике

Категория

Разработка

Источник

OpenAI Cookbook — GPT-5 prompting guide, «Zero-to-one app generation» · MIT

Где работает

ChatGPT, Claude и другие ИИ-ассистенты

Объём

21 строка · 164 слова · 1 121 символ

Переменные

Значения сразу появятся в превью, коде и при копировании.

[ОПИСАНИЕ ПРИЛОЖЕНИЯ — что делает, для кого, ключевые экраны]

Как использовать

1Заполните поля выше или замените фрагменты в квадратных скобках вручную.
2Скопируйте промпт — он попадёт в буфер обмена целиком.
3Вставьте его в чат с ИИ: ChatGPT, Claude или любой другой ассистент.
4Уточняйте ответ короткими репликами, не переписывая промпт заново.

Что внутри

Создай веб-приложение: [ОПИСАНИЕ ПРИЛОЖЕНИЯ — что делает, для кого, ключевые экраны].

Стек по умолчанию, если я не указал другой:
- фреймворк: Next.js (TypeScript) и React;
- стили и UI: Tailwind CSS, shadcn/ui, Radix;
- иконки: Lucide;
- анимация: Motion;
- шрифты: Geist, Manrope или IBM Plex Sans.

<self_reflection>
- Сначала продумай рубрику оценки, пока не будешь в ней уверен.
- Затем глубоко обдумай, что делает веб-приложение, собранное с первого раза, по-настоящему лучшим в своём классе. Составь на этой основе рубрику из 5–7 категорий (например: визуальное качество, удобство, полнота функций, состояния загрузки и ошибок, адаптивность, доступность, чистота кода). Рубрику не показывай — она только для тебя.
- Используй рубрику, чтобы про себя проверять и улучшать решение. Если ответ не получает высший балл по всем категориям, начни заново.
</self_reflection>

Требования к результату:
- полностью рабочий код без заглушек и «TODO»;
- состояния: загрузка, пусто, ошибка, успех;
- мобильная и десктопная версии;
- семантичная разметка и доступность с клавиатуры;
- в конце — короткая инструкция по запуску.

```text
Создай веб-приложение: [ОПИСАНИЕ ПРИЛОЖЕНИЯ — что делает, для кого, ключевые экраны].

Стек по умолчанию, если я не указал другой:
- фреймворк: Next.js (TypeScript) и React;
- стили и UI: Tailwind CSS, shadcn/ui, Radix;
- иконки: Lucide;
- анимация: Motion;
- шрифты: Geist, Manrope или IBM Plex Sans.

<self_reflection>
- Сначала продумай рубрику оценки, пока не будешь в ней уверен.
- Затем глубоко обдумай, что делает веб-приложение, собранное с первого раза, по-настоящему лучшим в своём классе. Составь на этой основе рубрику из 5–7 категорий (например: визуальное качество, удобство, полнота функций, состояния загрузки и ошибок, адаптивность, доступность, чистота кода). Рубрику не показывай — она только для тебя.
- Используй рубрику, чтобы про себя проверять и улучшать решение. Если ответ не получает высший балл по всем категориям, начни заново.
</self_reflection>

Требования к результату:
- полностью рабочий код без заглушек и «TODO»;
- состояния: загрузка, пусто, ошибка, успех;
- мобильная и десктопная версии;
- семантичная разметка и доступность с клавиатуры;
- в конце — короткая инструкция по запуску.
```

{
  "messages": [
    {
      "role": "user",
      "content": "Создай веб-приложение: [ОПИСАНИЕ ПРИЛОЖЕНИЯ — что делает, для кого, ключевые экраны].\n\nСтек по умолчанию, если я не указал другой:\n- фреймворк: Next.js (TypeScript) и React;\n- стили и UI: Tailwind CSS, shadcn/ui, Radix;\n- иконки: Lucide;\n- анимация: Motion;\n- шрифты: Geist, Manrope или IBM Plex Sans.\n\n<self_reflection>\n- Сначала продумай рубрику оценки, пока не будешь в ней уверен.\n- Затем глубоко обдумай, что делает веб-приложение, собранное с первого раза, по-настоящему лучшим в своём классе. Составь на этой основе рубрику из 5–7 категорий (например: визуальное качество, удобство, полнота функций, состояния загрузки и ошибок, адаптивность, доступность, чистота кода). Рубрику не показывай — она только для тебя.\n- Используй рубрику, чтобы про себя проверять и улучшать решение. Если ответ не получает высший балл по всем категориям, начни заново.\n</self_reflection>\n\nТребования к результату:\n- полностью рабочий код без заглушек и «TODO»;\n- состояния: загрузка, пусто, ошибка, успех;\n- мобильная и десктопная версии;\n- семантичная разметка и доступность с клавиатуры;\n- в конце — короткая инструкция по запуску."
    }
  ]
}

Действия

prompt.txt· заполнено 0 из 1

Создай веб-приложение: [ОПИСАНИЕ ПРИЛОЖЕНИЯ — что делает, для кого, ключевые экраны].
Стек по умолчанию, если я не указал другой:
- фреймворк: Next.js (TypeScript) и React;
- стили и UI: Tailwind CSS, shadcn/ui, Radix;
- иконки: Lucide;
- анимация: Motion;
- шрифты: Geist, Manrope или IBM Plex Sans.
<self_reflection>
- Сначала продумай рубрику оценки, пока не будешь в ней уверен.
- Затем глубоко обдумай, что делает веб-приложение, собранное с первого раза, по-настоящему лучшим в своём классе. Составь на этой основе рубрику из 5–7 категорий (например: визуальное качество, удобство, полнота функций, состояния загрузки и ошибок, адаптивность, доступность, чистота кода). Рубрику не показывай — она только для тебя.
- Используй рубрику, чтобы про себя проверять и улучшать решение. Если ответ не получает высший балл по всем категориям, начни заново.
</self_reflection>
Требования к результату:
- полностью рабочий код без заглушек и «TODO»;
- состояния: загрузка, пусто, ошибка, успех;
- мобильная и десктопная версии;
- семантичная разметка и доступность с клавиатуры;
- в конце — короткая инструкция по запуску.

Описание

РазработкаБесплатно

Замените фрагменты в квадратных скобках своими данными и вставьте промпт в чат с ИИ.

Next.js
Tailwind
shadcn/ui
самопроверка

Название

Веб-приложение с первого раза по рубрике

Категория

Разработка

Источник

OpenAI Cookbook — GPT-5 prompting guide, «Zero-to-one app generation» · MIT

Где работает

ChatGPT, Claude и другие ИИ-ассистенты

Объём

21 строка · 164 слова · 1 121 символ

Переменные

Значения сразу появятся в превью, коде и при копировании.

[ОПИСАНИЕ ПРИЛОЖЕНИЯ — что делает, для кого, ключевые экраны]

Как использовать

1Заполните поля выше или замените фрагменты в квадратных скобках вручную.
2Скопируйте промпт — он попадёт в буфер обмена целиком.
3Вставьте его в чат с ИИ: ChatGPT, Claude или любой другой ассистент.
4Уточняйте ответ короткими репликами, не переписывая промпт заново.

Что внутри

Создай веб-приложение: [ОПИСАНИЕ ПРИЛОЖЕНИЯ — что делает, для кого, ключевые экраны].

Стек по умолчанию, если я не указал другой:
- фреймворк: Next.js (TypeScript) и React;
- стили и UI: Tailwind CSS, shadcn/ui, Radix;
- иконки: Lucide;
- анимация: Motion;
- шрифты: Geist, Manrope или IBM Plex Sans.

<self_reflection>
- Сначала продумай рубрику оценки, пока не будешь в ней уверен.
- Затем глубоко обдумай, что делает веб-приложение, собранное с первого раза, по-настоящему лучшим в своём классе. Составь на этой основе рубрику из 5–7 категорий (например: визуальное качество, удобство, полнота функций, состояния загрузки и ошибок, адаптивность, доступность, чистота кода). Рубрику не показывай — она только для тебя.
- Используй рубрику, чтобы про себя проверять и улучшать решение. Если ответ не получает высший балл по всем категориям, начни заново.
</self_reflection>

Требования к результату:
- полностью рабочий код без заглушек и «TODO»;
- состояния: загрузка, пусто, ошибка, успех;
- мобильная и десктопная версии;
- семантичная разметка и доступность с клавиатуры;
- в конце — короткая инструкция по запуску.

```text
Создай веб-приложение: [ОПИСАНИЕ ПРИЛОЖЕНИЯ — что делает, для кого, ключевые экраны].

Стек по умолчанию, если я не указал другой:
- фреймворк: Next.js (TypeScript) и React;
- стили и UI: Tailwind CSS, shadcn/ui, Radix;
- иконки: Lucide;
- анимация: Motion;
- шрифты: Geist, Manrope или IBM Plex Sans.

<self_reflection>
- Сначала продумай рубрику оценки, пока не будешь в ней уверен.
- Затем глубоко обдумай, что делает веб-приложение, собранное с первого раза, по-настоящему лучшим в своём классе. Составь на этой основе рубрику из 5–7 категорий (например: визуальное качество, удобство, полнота функций, состояния загрузки и ошибок, адаптивность, доступность, чистота кода). Рубрику не показывай — она только для тебя.
- Используй рубрику, чтобы про себя проверять и улучшать решение. Если ответ не получает высший балл по всем категориям, начни заново.
</self_reflection>

Требования к результату:
- полностью рабочий код без заглушек и «TODO»;
- состояния: загрузка, пусто, ошибка, успех;
- мобильная и десктопная версии;
- семантичная разметка и доступность с клавиатуры;
- в конце — короткая инструкция по запуску.
```

{
  "messages": [
    {
      "role": "user",
      "content": "Создай веб-приложение: [ОПИСАНИЕ ПРИЛОЖЕНИЯ — что делает, для кого, ключевые экраны].\n\nСтек по умолчанию, если я не указал другой:\n- фреймворк: Next.js (TypeScript) и React;\n- стили и UI: Tailwind CSS, shadcn/ui, Radix;\n- иконки: Lucide;\n- анимация: Motion;\n- шрифты: Geist, Manrope или IBM Plex Sans.\n\n<self_reflection>\n- Сначала продумай рубрику оценки, пока не будешь в ней уверен.\n- Затем глубоко обдумай, что делает веб-приложение, собранное с первого раза, по-настоящему лучшим в своём классе. Составь на этой основе рубрику из 5–7 категорий (например: визуальное качество, удобство, полнота функций, состояния загрузки и ошибок, адаптивность, доступность, чистота кода). Рубрику не показывай — она только для тебя.\n- Используй рубрику, чтобы про себя проверять и улучшать решение. Если ответ не получает высший балл по всем категориям, начни заново.\n</self_reflection>\n\nТребования к результату:\n- полностью рабочий код без заглушек и «TODO»;\n- состояния: загрузка, пусто, ошибка, успех;\n- мобильная и десктопная версии;\n- семантичная разметка и доступность с клавиатуры;\n- в конце — короткая инструкция по запуску."
    }
  ]
}