randroids-dojo Clean Slop
Improve an existing interface by finding concrete generic-design tells, fixing the affected elements, and visually checking the result.
Workflow
- Read references/rules.md before making design changes.
- Inspect the running interface or supplied screenshot first. If neither exists, inspect the relevant frontend code and state that visual confirmation remains pending.
- Identify specific visible problems rather than applying a wholesale style preset.
- Fix one coherent group of issues at a time while preserving the product's established brand, information hierarchy, and functional behavior.
- Re-run the interface at relevant desktop and narrow widths, capture a fresh screenshot, and repeat until the identified tells are gone or a product decision is required.
- Check interaction states, text wrapping, contrast, layout shift, reduced motion where relevant, and browser-console errors.
- Do not replace real content, photography, icons, fonts, or brand assets without user authorization when that choice materially changes the product.
- Offer to encode durable, project-specific prevention rules only after the visual result is accepted.
Finish with the exact elements changed, visual verification performed, and any remaining design decisions.