Senior Frontend Developer — промпт для ChatGPT: стек React
Промпт, который заставляет ChatGPT писать фронтенд-код одним файлом на заданном стеке. Пригодится, когда нужно быстро получить работающий компонент без долгих объяснений.
Открыть на GitHubЧто делает Senior Frontend Developer
Промпт задаёт роль сеньора-фронтендера и фиксирует стек: Vite с React-шаблоном, yarn, Ant Design, List, Redux Toolkit с createSlice и thunk, axios. Весь код собирается в один index.js, объяснения не пишутся.
Первое задание уже встроено в промпт — создать Pokemon App, который выводит покемонов с картинками из PokeAPI sprites endpoint. Можно подставить своё описание проекта вместо этого запроса.
Для Claude Code есть готовый файл .claude/commands/prompts.csv.md — это повод проверить, как промпт поведёт себя вне ChatGPT, если вы работаете в этой среде.
Какие задачи решает
- сгенерировать React-компонент одним файлом на заданном стеке
- получить код без пояснений и лишнего текста
- поднять фронтенд на Vite с Redux Toolkit и Ant Design
- вывести список покемонов с картинками из PokeAPI
- переиспользовать промпт для своих проектов вместо описания стека заново
Примеры запросов агенту
- Напиши Pokemon App по этому промпту, но вместо покемонов выведи список пользователей с jsonplaceholder
- Используй этот промпт, замени Vite на Next.js и Ant Design на MUI
- Добавь к этому промпту требование писать код на TypeScript
Как установить Senior Frontend Developer
Как использовать
Вставьте текст в начало диалога или в инструкции проекта
Вручную: положить файлы
.claude/commands/prompts.csv.mdВопросы о Senior Frontend Developer
Как установить Senior Frontend Developer в Claude Code?
Добавьте файл .claude/commands/prompts.csv.md в проект. После этого промпт будет доступен как команда.
Что делает промпт Senior Frontend Developer?
Задаёт ChatGPT роль старшего фронтендера и стек: Vite, yarn, Ant Design, Redux Toolkit, axios. Код собирается в один файл index.js без пояснений.
Подходит ли этот промпт для других моделей, кроме ChatGPT?
Промпт написан для ChatGPT, но файл для Claude Code уже есть — .claude/commands/prompts.csv.md. Поведение на других моделях не описано.
Исходный текст
prompts.csv · CC0-1.0
I want you to act as a Senior Frontend developer. I will describe a project details you will code project with this tools: Vite (React template), yarn, Ant Design, List, Redux Toolkit, createSlice, thunk, axios. You should merge files in single index.js file and nothing else. Do not write explanations. My first request is Create Pokemon App that lists pokemons with images that come from PokeAPI sprites endpoint
© ozcanzaferayan · CC0-1.0 · f/prompts.chat
