Detect and remediate AI-generated UI anti-patterns in frontend source code.
npx skills add https://github.com/discountry/ritmex-skills --skill anti-ui-slop
Please help me install this Agent Skill. Skill: anti-ui-slop Source: https://github.com/discountry/ritmex-skills/tree/main/skills/anti-ui-slop Command: npx skills add https://github.com/discountry/ritmex-skills --skill anti-ui-slop
AI-generated frontend UIs often feature generic, convergent design patterns that look unoriginal, unpolished, and obviously machine-made, failing to align with a product's unique brand, audience, and context. This Skill eliminates those telltale "AI slop" patterns and ensures all UI design choices are intentional and product-specific.
Use the anti-ui-slop skill to review the product landing page UI code, remove all AI-generated design patterns, and ensure every design choice aligns with the brand's technical, utilitarian identity for logistics users.
High-intent search queries and answers about installing and using this skill.
To detect and fix AI slop in frontend UI code, analyze HTML, CSS, JSX/TSX, Vue, Svelte, and Tailwind source files to identify generic design patterns and replace them with deliberate, product-specific choices using static source analysis.
Common AI-generated UI anti-patterns include objective quality violations like low contrast and cramped padding, alongside context-dependent slop tells such as overused fonts, purple gradients, generic card grids, and italic serif hero headlines that look machine-made.
Yes, you can review Vue and Tailwind code without a browser, external tools, or runtime dependencies. The process uses static source code analysis to directly evaluate frontend implementations for generic, unoriginal design choices.
To polish new UI development and avoid machine-looking interfaces, review frontend source code during development to enforce deliberate design decisions aligned with the product's unique brand, audience, and context rather than generic defaults.
Yes, static source analysis works for detecting objective UI quality violations like low contrast, broken images, tiny text, and cramped padding by evaluating HTML, CSS, and framework-specific source code directly without requiring a browser runtime.
camilooscargbaptistaAnalyzes frontend code quality and generates prioritized reports for common defects and inefficiencies.
hidonguyenExecute unit, integration, e2e, and UI tests across JavaScript/TypeScript, Python, Go, Rust, and Flutter projects.
NITRR-OfficialCreate and implement design systems with Tailwind CSS v4.
dachentValidate frontend UI components through browser rendering and screenshot analysis.
