Do a polish pass on the element I selected. Keep its content and its structure. Change how it is finished. Go through these in order and fix what is off: 1. Spacing: one rhythm. Related things closer, unrelated things further apart, and the same gap for the same relationship everywhere. 2. Type: a clear order of sizes and weights, tight line height on headings (about 1.1), comfortable on body (1.5 to 1.6), slightly negative tracking on large headings, text-balance on headings and text-pretty on descriptions, tabular numbers where digits line up. 3. Surfaces: nested corners are concentric (outer radius = inner radius + padding). Borders that only fake depth become a soft ring or a layered shadow. Dividers stay borders. 4. States: every link and button has hover, focus-visible and pressed (a scale of 0.96 on press). Transitions name the properties they change and stay under 200 ms. 5. Alignment: icons sit optically centered next to their text, and their stroke matches the text weight. Do not add new sections, new colors or decoration. If something needs a decision from me, ask instead of guessing. Keep it editable on midcode's canvas: write text and class names literally in the markup (no class names built from variables or helpers), one element per thing I might want to select, and Tailwind classes for every style. Finish with a short list of what you changed and why.
Polish what I selected
A careful second pass on one section: spacing, type, surfaces and states, without changing what it says
Other prompts
Landing page from one line
PromptDescribe the product in a sentence and get a whole first page, with a point of view
Accessibility pass
PromptHeadings, labels, focus, contrast and keyboard use on this page, fixed and reported
Add a dark theme
PromptA second set of colors that follows the system setting, checked for contrast