Consistent Border Radius

This skill audits a frontend file (CSS, HTML, JSX, TSX, Vue, Svelte, or plain JS) and rewrites all border-radius values so every UI element — buttons, inputs, cards, modals, badges, tooltips, dropdowns — uses the same curvature token.

When to Use

Trigger on any of these signals:

• User mentions mismatched, inconsistent, or ugly rounded corners
• User wants a "design consistency pass" or "visual polish"
• User says elements "don't match", "look off", or "feel inconsistent"
• File has scattered border-radius values (4px here, 8px there, 0.5rem somewhere else)
• User is cleaning up a design system or component library

Step 1 — Audit the File