Audit frontend UI for anti-slop patterns and accessibility gaps.
npx skills add https://github.com/Canepro/codex-skills --skill frontend-anti-slop
Please help me install this Agent Skill. Skill: frontend-anti-slop Source: https://github.com/Canepro/codex-skills/tree/main/skills/frontend-anti-slop Command: npx skills add https://github.com/Canepro/codex-skills --skill frontend-anti-slop
Frontend teams often default to templated UI patterns that dilute product intent and accessibility. This skill guides auditing, redesign, and implementation to produce intentional, usable interfaces aligned with the product design system.
Inspect a frontend screen by asking me to run an anti-slop audit and I will return a prioritized, implementable plan.
High-intent search queries and answers about installing and using this skill.
An anti-slop audit identifies generic UI patterns, misalignments with design tokens, and accessibility gaps in frontend interfaces. It analyzes dashboards, forms, and components to produce a prioritized, implementable plan for UI improvements.
Frontend anti-slop is a structured workflow to audit and improve frontend UI. You need it when your product interfaces default to templated patterns that dilute product intent, ensuring usable interfaces aligned with your design system.
To redesign dashboard components, apply the anti-slop redesign mode to propose concrete improvements to layout, typography, spacing, and visual hierarchy, leveraging existing design tokens and component systems for accessible results.
Yes, you can verify UI accessibility across viewports using the verification protocol. It validates the implemented frontend changes to ensure testable, accessible results aligned with the product design system.
Yes, the UI audit approach works directly with existing component systems and design tokens. It leverages them during the redesign and implementation phases to produce intentional, usable interfaces without breaking established standards.
The limitation of structured UI audits is they require following a structured workflow including pre-design discovery and verification protocols. They focus on dashboards, forms, and pages rather than entirely new product interface creation.
curtiv3Enforce semantic tokens and anti-slop protocols in React UI generation.
zerAdaAudit UAT and verification items across phases and generate a prioritized test plan.
Higashi-KotaBuild accessible React UI components with design tokens and ARIA patterns.
Chang-Shih-YungAggregate type checker, linter, and test results into a 0-10 composite score.
