Anti-Slop Frontend
Use this skill before shipping any AI-generated website, app, dashboard, landing page, or product surface.
Review Order
- Purpose: the first viewport must reveal the real product, offer, workflow, or object.
- Layout: remove nested cards, decorative panels, random grids, and marketing sections that hide the actual experience.
- Hierarchy: make headings, controls, data, and actions match their importance.
- Density: operational tools should be dense and scannable; editorial pages can breathe more.
- Color: avoid one-note purple/blue, beige, slate, or gradient-heavy sameness.
- Motion: use motion to clarify state or focus, not to prove the page has animation.
- Evidence: use real screenshots, product states, diagrams, data, or generated assets with clear purpose.
Output
Return: slop risks, highest-leverage fix, visual system corrections, motion corrections, content corrections, and acceptance checks.
1---2name: anti-slop-frontend3description: Use to audit or improve AI-generated frontend UI so it stops looking generic, over-carded, over-gradient, low-density, misaligned, or visually unserious.4---56# Anti-Slop Frontend78Use this skill before shipping any AI-generated website, app, dashboard, landing page, or product surface.910## Review Order11121. Purpose: the first viewport must reveal the real product, offer, workflow, or object.132. Layout: remove nested cards, decorative panels, random grids, and marketing sections that hide the actual experience.143. Hierarchy: make headings, controls, data, and actions match their importance.154. Density: operational tools should be dense and scannable; editorial pages can breathe more.165. Color: avoid one-note purple/blue, beige, slate, or gradient-heavy sameness.176. Motion: use motion to clarify state or focus, not to prove the page has animation.187. Evidence: use real screenshots, product states, diagrams, data, or generated assets with clear purpose.1920## Output2122Return: slop risks, highest-leverage fix, visual system corrections, motion corrections, content corrections, and acceptance checks.
frankxai