A Claude Code skill that audits AI-generated frontend code and rewrites it to remove generic AI-slop design patterns (purple gradients, Inter, default shadcn). The design counterpart to avoid-ai-writing.
avoid-ai-design is easy to set up with strong trust signals. Check agent compatibility and use-case fit before adding it to your workflow.
npx skills add funboy322/avoid-ai-designRun the command in your terminal.
Confirm that the skill files were added to your agent workspace.
Check the README requirements before invoking the skill in your agent.
Repository setup guidance
Strong trust signals; still review the README and permissions before production use.
Last commit was about 84 days ago.
31 GitHub stars indicate community interest.
0 open issues signal maintenance load.
MIT license detected.
3 security/trust notes recorded.
Setup difficulty is 2/5.
Extract any website's complete design system with one command.
Argos is an open source visual testing platform that detects unintended UI changes to help teams maintain quality.
Generate design system documentation for UI components directly from your AI agent, rendering into Figma or portable .md files.
Bidirectional MCP bridge that lets AI draw UI directly on Figma canvas and read designs back as structured data.
This tool helps developers fix AI-generated frontend designs that look generic and 'AI-slop' by rewriting the code to use more original, professional design patterns.
avoid-ai-design is a Claude Code skill that audits AI-generated frontend code and rewrites it to eliminate common AI-generated design patterns like purple gradients, Inter font, default shadcn components, and other generic 'AI-slop' aesthetics. It acts as the design counterpart to avoid-ai-writing, focusing on visual and UI/UX improvements rather than text. The skill analyzes the codebase and applies a set of design rules to transform the output into a more original, clean, and professional design system.
Audit and rewrite the frontend design of this React component to remove AI-slop patterns like purple gradients and shadcn defaults.
31
Stars
1
Forks
0
Issues
MIT
License
A Claude Code skill that audits AI-generated frontend code and rewrites it to remove generic AI-slop design patterns (purple gradients, Inter, default shadcn). The design counterpart to avoid-ai-writing.
Frontend developers using AI coding assistants, Designers who want to quickly refine AI-generated UI, Developers building SaaS products with AI-generated code
The setup section provides repository-level starting guidance, not a guarantee of an independently verified installation. Check the official README and release notes.
This tool modifies source code; always review changes before deploying. No external data is sent; all processing occurs locally within the AI agent's context.
Similar or complementary options to evaluate include design-extract, Argos, uSpec.
Aug 20, 2026