About this Skill
Deterministic design critique for HTML/CSS screens. Runs 73 slop guards extracted from the set of rules professional designers use in production-grade designs to catch the tells that make UI read as AI-generated (gradient-clipped headlines, the default indigo accent, puffy shadows, emoji icons, fake dot charts and decorated gauges, badges floated over the hero, eyebrow kickers above the H1, fake magazine mastheads, colored edge-stripe rails, two-tone headlines, over-designed list rows, layout-collapse bugs, em-dash copy, placeholder imagery), auto-fixes what can be safely rewritten, and reports the rest with concrete edits. Use whenever generated or hand-written HTML/CSS is about to be shown, exported, shipped, or committed, or when asked to critique a design, check it for slop, or give a second opinion on a generated screen.
Why we picked it
Summarized from the original Gesso-Build/skills SKILL.md by Gesso; the original upstream instructions were used.
What it helps with
- Use this workflow when the task matches the original Anti-slop check instructions.
Before you use it
- Read the original SKILL.md and referenced files in Gesso-Build/skills.
Sources & references
Original sources are linked below. Practical starting points are editorial suggestions from SkillHey.