Enforce anti-pattern bans and design system discipline for web interface redesigns.
npx skills add https://github.com/joeseesun/qiaomu-design --skill qiaomu-design
Please help me install this Agent Skill. Skill: qiaomu-design Source: https://github.com/joeseesun/qiaomu-design/tree/main Command: npx skills add https://github.com/joeseesun/qiaomu-design --skill qiaomu-design
AI-generated interfaces often suffer from generic aesthetics—purple gradients, Inter font, centered heroes, and template patterns that scream "AI-made." This Skill enforces design discipline through anti-pattern bans, real design system references, and a visual style fitting room that lets users see and choose directions before execution.
Use the qiaomu-design skill to redesign your landing page by asking Claude Code to generate a visual style fitting room with four direction mockups for your review.
High-intent search queries and answers about installing and using this skill.
To remove generic AI aesthetics from frontend UI design, enforce anti-pattern bans against telltales like purple gradients and Inter font, while using a style fitting room to compare visual directions before committing to execution.
A visual style fitting room for UI redesign generates four divergent mini mockups in a local preview page, letting you compare real fonts, colors, and layouts side-by-side to select a visual direction before final execution.
Yes, you can use Claude Code for engineering-grade frontend delivery by running a local preview server for style fitting interaction, applying motion craft standards, accessibility audits, and a mandatory two-round critique system for UI reviews.
You can apply real design system references like Stripe or Linear to your web application by injecting their design DNA from a curated library, matching their visual style through automated tuning of variance, motion, and density dials.
Yes, you need a local preview server running Claude Code to execute the visual style selection process, as it generates interactive mini mockups and handles the selection callback for your chosen design direction.
The limitations of using anti-slop bans for interface redesign include hard-coded prohibitions against specific AI telltales like italics, purple gradients, and generic placeholder copy, which restrict visual options but ensure design system discipline.
twillcocksInitialize a Showpane workspace by installing dependencies and applying the SQLite Prisma schema.
OthmanAdiVerify Next.js production builds and prepare staging handoff reports.
maslennikov-igGenerate actionable frontend design guidance for typography, color, and motion.
himanshu231204Generate design systems and audit visual consistency across web UIs.
