Style your app, add a Copy Results button, and take a screenshot to share what you built.
Paste this prompt into Claude Code exactly as written. It will give your app a polished, product-quality look — the kind of thing worth screenshotting.
Restyle the page so it looks like a real product. Here's exactly what I want: The top section — the headline, subtitle, and text input — should sit inside a full-width panel with a deep navy-to-blue gradient background (start at #1E293B, end at #1e3a6e). All text in that section should be white. The headline "The Comms Gut Check" should be large, bold, and centered. Add a short subtitle below it in a lighter blue-gray. The text input should have a white background with rounded corners and no visible border — it should look clean against the dark gradient. The Submit button should be bright blue (#2563EB) with white text, bold, and rounded. Below that, the five result sections should each appear as their own white card with a light gray border, rounded corners, and a soft shadow. The section name should be bold navy at the top of each card. Cards should be stacked vertically, centered, and not too wide — comfortable to read. Keep the "Analyzing your communication…" loading message visible while the response is processing. The whole page should look good on both desktop and mobile.
Tell Claude Code to add a button that copies the full output to the clipboard so users can paste it into a doc or email.
Add a "Copy results" button below the five feedback sections. It should only appear once the results have loaded. When clicked, it copies everything — all five sections with their labels — so it can be pasted straight into a document or email. After copying, change the button text to "Copied!" for a moment, then reset it back to "Copy results". Style it differently from the Submit button so it reads as a secondary action — an outline rather than a filled button.
Open your app in the browser, paste a piece of text, and get your results on screen. Then take a screenshot — that's what you'll share on LinkedIn, Slack, or wherever you want to show what you built.
Cmd + Shift + 4, then drag to select the part of your screen you want to capture. The screenshot saves automatically to your Desktop.Windows key + Shift + S to open the Snipping Tool, then drag to select your browser window. The screenshot copies to your clipboard — paste it directly into Slack, an email, or a doc.
When your app is running on your computer and you've got a screenshot in hand, you've built your first AI-powered web app.