dragoon0x /polish — Final Quality Pass
The last check before shipping. Fix details that separate good from exceptional:
- Alignment — Verify all text and elements align to the grid. Check that headings, body text, and images share alignment points.
- Spacing consistency — Look for any remaining off-grid values. Ensure section spacing is rhythmic.
- Hover states — Every interactive element must have a hover state. Check that hover transitions are smooth (200-300ms).
- Focus styles — Verify :focus-visible on all interactive elements.
- Loading states — Buttons should show loading state. Skeleton screens for async content.
- Empty states — What does it look like with no data? Is there a helpful message?
- Edge cases — Very long text, very short text, missing images, slow network.
- Consistency — Same patterns used the same way everywhere. No one-off styles.
Run /score after polishing. Target: 85+.