Skip to content
Codextroop Prompt Library

Improve UI

Improve UI Without Breaking Layout

AI Tool: CursorCategory: Cursor & AI Coding

Ask the agent to polish a screen using existing design tokens, with mobile and dark mode in the same pass.

uicssresponsivepolish

The Prompt

Improve this UI in place. Use the design system already in the repo (tokens, components, spacing). Do not introduce a new visual language.

Screen / component: {{screen}}
Problems I see:
{{problems}}
Must keep: {{keep}}

Do this:
1. Read the existing components and global styles first
2. Fix the listed problems
3. Check mobile, tablet, and desktop
4. Check light and dark if a theme exists
5. Preserve behaviour and copy unless copy is part of the problem

Deliver a short before/after of what changed and which files. No drive-by page rewrites.

Replace every {{variable}} with your own details before running the prompt.

Variables to fill in

3 variables

{{screen}}required
Page or component.
{{problems}}required
What looks or feels wrong.
{{keep}}
Layout or branding that must stay.

Best for

  • Frontend engineers
  • Design-minded founders