Enforce design rules to prevent generic UI patterns in frontend code.
npx skills add https://github.com/lammersbjorn/glossboss --skill uncodixfy-lammersbjorn
Please help me install this Agent Skill. Skill: uncodixfy Source: https://github.com/lammersbjorn/glossboss/tree/main/.codex/skills/uncodixfy Command: npx skills add https://github.com/lammersbjorn/glossboss --skill uncodixfy-lammersbjorn
This Skill prevents AI models from generating generic, repetitive, and often aesthetically unpleasing UI patterns, guiding them towards cleaner, more human-designed interfaces.
Use the uncodixfy skill to generate a clean and modern UI for a user profile page.
High-intent search queries and answers about installing and using this skill.
To prevent AI from generating generic UI patterns in frontend code, apply strict aesthetic guidelines and hard design rules that block clichés like gradient overuse and floating elements. This enforces specific design standards for cleaner interfaces.
AI generated code looks the same due to repetitive training biases, but you can fix it by enforcing aesthetic guidelines inspired by well-regarded apps like Linear and Stripe. This promotes normal, functional design elements over generic patterns.
Yes, this UI design enforcement works with React, Vue, and Svelte. It applies directly to frontend code generation tasks across these frameworks to ensure the output avoids the typical AI-generated look.
Common AI UI pitfalls to avoid when generating a dashboard include excessive rounded corners, floating elements, and gradient overuse. Enforcing specific design rules blocks these issues, resulting in a professional and user-friendly interface.
JiaxuanZou0714Gather design context and persist it into a CLAUDE.md file.
v4lheruProvide React frontend patterns for scalable, accessible UI components.
fishyerGenerates UI/UX design recommendations and implements frontend code across React, Vue, Svelte, and more.
shynlee04Enforce flat hierarchy, z-index scale, and 8-bit design rules in front-end layouts.
