5.1 | React Privacy Toggle and Delete Button | Robin Ebers' AI Prompt Coach

React Privacy Toggle and Delete Button

5.1/10

Overall Feedback

You did a good job asking for a plan first. To make it better, name the files you want to change. Also, think about what happens when things go wrong.

• google/gemini-3-flash

Your Optimized Prompt is Ready

Act as a Senior Frontend Developer. I want to add a privacy toggle and a delete button to @src/components/PostCard.tsx. 

Requirements:
- The toggle must start as 'Private'.
- Use Tailwind CSS for all styles.
- For the delete button, look at the style in @src/components/ui/Button.tsx.
- Add a confirmation pop-up before deleting.
- If the delete action fails, show an error message.

Before you writ...

Free forever. Just enter your email.

How Did Your Prompt Do?

OpenAI

Anthropic