Question
You're asking an AI agent to add a new React feature (a transaction-dispute flow) to a large TypeScript frontend that has strong, unwritten conventions: a custom useApi hook, a Result-type error pattern instead of throwing, a design-system component library, and a feature-flag wrapper around all new UI. The agent's draft used fetch directly, threw raw errors, used raw HTML inputs, and shipped the feature unflagged. Describe how you'd supply context so the next attempt fits, and the principle behind it.
Treat the AI’s output as a draft to verify, not an answer to trust. Name the specific flaw and the input that triggers it, say how you’d catch it — tests, edge cases, reading critically — and how you’d re-prompt or decompose to get it right.
Vibe coding: describe the solution in plain language (or narrate it) and the coach grades your approach. Generating runnable code from your description is coming next.