Senior Frontend Developer — ChatGPT prompt: React stack, single file
A prompt that makes ChatGPT write frontend code as one index.js file on a fixed stack. Handy when you need a working component fast, without explanations.
Open on GitHubWhat Senior Frontend Developer does
The prompt sets the role of a senior frontend developer and locks the stack: Vite with a React template, yarn, Ant Design, List, Redux Toolkit with createSlice and thunk, axios. All code goes into a single index.js, no explanations allowed.
The first request is built in: create a Pokemon App that lists pokemons with images from the PokeAPI sprites endpoint. You can replace that with your own project description.
For Claude Code there is a ready file .claude/commands/prompts.csv.md — worth checking if you work in that environment and want to reuse the prompt outside ChatGPT.
What it helps with
- generate a React component as one file on a fixed stack
- get code without explanations or extra text
- set up a frontend with Vite, Redux Toolkit and Ant Design
- list pokemons with images from PokeAPI
- reuse the prompt for your own projects instead of restating the stack
Example prompts for the agent
- Write a Pokemon App from this prompt, but list users from jsonplaceholder instead of pokemons
- Use this prompt, swap Vite for Next.js and Ant Design for MUI
- Add TypeScript as a requirement to this prompt
How to install Senior Frontend Developer
How to use
Paste the text at the start of a chat or into project instructions
Manually: put the files in place
.claude/commands/prompts.csv.mdQuestions about Senior Frontend Developer
How do I install Senior Frontend Developer in Claude Code?
Add the file .claude/commands/prompts.csv.md to your project. The prompt becomes available as a command after that.
What does the Senior Frontend Developer prompt do?
It makes ChatGPT act as a senior frontend developer with a fixed stack: Vite, yarn, Ant Design, Redux Toolkit, axios. Code is merged into one index.js file with no explanations.
Does this prompt work with models other than ChatGPT?
It is written for ChatGPT, but a Claude Code file is included — .claude/commands/prompts.csv.md. Behaviour on other models is not described.
Source text
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
