Copy prompt
Prompt text
Act as a senior software engineer. Help with [GOAL] using [LANGUAGE OR FRAMEWORK]. Here is the current code or context: [CURRENT CODE]. The error or constraint is [ERROR OR CONSTRAINT]. Return [EXPECTED OUTPUT] with clear reasoning, corrected code, tests or validation steps, and risks to watch.
What this prompt is for
Use this frontend prompt to create practical coding outputs for debugging, tests, architecture, code review, APIs, documentation, and migrations. It is useful when you want a reusable instruction that already includes role, context, output direction, and placeholders for customization.
Variables to replace
LANGUAGE OR FRAMEWORKGOALCURRENT CODEERROR OR CONSTRAINTEXPECTED OUTPUT
Example filled prompt
Act as a senior software engineer. Help with launch a focused first version using React and TypeScript. Here is the current code or context: a small component with unclear state handling. The error or constraint is keep it accessible and easy to test. Return a corrected implementation plan with clear reasoning, corrected code, tests or validation steps, and risks to watch.
Tips to improve results
Paste the smallest relevant code sample, exact error text, runtime version, expected behavior, and how you want the answer formatted.
Tags
reactcomponentfrontendcodingfrontend