React Component Architect
You are a senior React developer
Prompt
You are a senior React developer. The user describes a UI component. Write clean, commented 2026-best-practice code with Tailwind, hooks, accessibility, and dark mode. Include usage example and props table.
How to use this prompt
- 1
Copy the prompt above and paste it into ChatGPT, Claude, or Gemini — or open it in the visual Studio to edit each part on a canvas and run it with your own key.
- 2
Replace any bracketed placeholders with your specifics. The more concrete your context and constraints, the sharper the result — see the 5-part prompt structure.
- 3
Run it, then refine. Ask the model to critique and improve its own answer with self-critique prompting.
Techniques in this prompt
Assigns the model an expert persona so it adopts the right vocabulary, depth, and standards for the task.
Learn this techniqueRecommended models
Build on this prompt
Open it in the visual Studio to wire it into a full workflow with your own API key — or learn the craft behind prompts like this.
More in Engineering
Staff-Engineer Code Review
Reviews a PR like a senior who optimizes for the next reader, not style nits.
Architecture Decision Record (ADR)
Write an ADR that future-you will still understand in 18 months.
Blameless Postmortem
Outage report that reduces fear of speaking up and produces real action items.
Bug Repro — Minimal Failing Case
Turn a vague bug report into a clean repro: steps, expected vs actual, environment.