Audit and upgrade Tailwind UI components into distinctive interfaces.
npx skills add https://github.com/toobutta/maptelli --skill refinery-toobutta
Please help me install this Agent Skill. Skill: refinery Source: https://github.com/toobutta/maptelli/tree/main/.claude/skills/refinery Command: npx skills add https://github.com/toobutta/maptelli --skill refinery-toobutta
Audit and upgrade generic "vibe-coded" Tailwind UI components into distinctive, production-grade interfaces. Use this skill whenever the user wants to improve their UI design, replace boring default components, make their app look less like a generic AI-generated template, upgrade cards/boxes/layouts, or says things like "make it look less basic", "upgrade the UI", "make the design more creative", "it looks too generic", "replace boring components", "improve the visual design", or "make it look like a real product". Also triggers when reviewing frontend pages for design quality or when the user wants to do a visual design audit.
Inspect the current UI and propose a phased upgrade plan that elevates visuals from generic to distinctive across key components.
High-intent search queries and answers about installing and using this skill.
A visual design audit for frontend pages evaluates generic Tailwind components against production-grade standards. It systematically identifies boring default layouts, cards, and forms, then proposes non-destructive visual improvements to transition the UI toward a distinctive, real product aesthetic.
Upgrading dashboard UI without breaking functionality requires non-destructive visual improvements applied through a phased plan. This approach systematically audits existing Tailwind layouts and replaces boring components with distinctive visuals while preserving the underlying frontend structure.
The best way to replace boring default components is a structured design upgrade workflow that inspects current UI patterns and references distinctive visual systems. This systematically uplifts cards, forms, and layouts to eliminate template-like visuals across the frontend.
Yes, this visual design audit works on existing frontend pages without requiring additional dependencies. It directly inspects current Tailwind UI components and proposes a phased upgrade plan to elevate generic visuals into distinctive, production-grade interfaces.
Andrej1601Develop React and Next.js UI components with Tailwind CSS and shadcn/ui.
amo-tech-aiImplement responsive UI layouts with Tailwind CSS and shadcn/ui components.
GenuinehConfigure Twind and Tailwind CSS design systems for reusable component styling.
bonnguyenitcCreate distinctive frontend interfaces with design tokens and responsive layouts.
