Enforce production-grade UI design rules for web and app interfaces.
npx skills add https://github.com/KaranKathur06/Metal-Hub --skill ui-design-pro
Please help me install this Agent Skill. Skill: ui-design-pro Source: https://github.com/KaranKathur06/Metal-Hub/tree/main/.cursor/skills/ui-design-pro Command: npx skills add https://github.com/KaranKathur06/Metal-Hub --skill ui-design-pro
It fixes AI- and beginner-built interfaces that look unprofessional by replacing unreliable visuals (emojis, colors, layout, redundant UI) with production-grade UI design decisions.
Use the ui-design-pro skill to redesign your app screens so they follow its icon, color, layout, KPI, micro-interaction, and presentation rules.
High-intent search queries and answers about installing and using this skill.
Make an AI-generated dashboard look professional by enforcing a 4-layer color system, consistent spacing scales, and structured typography hierarchy. Replace unreliable visual elements with production-grade UI design decisions and purposeful micro-interactions for immediate interface polish.
A 4-layer color system for web application UI organizes neutrals, accents, and semantic status colors, using OKLCH for theming and dark mode depth guidance. It replaces random color choices with disciplined visual rules to ensure consistent design across SaaS dashboards.
Improve conversion design on a SaaS pricing page by applying conversion-focused presentation principles and structured layout rules. Upgrade the interface with purposeful micro-interactions like hover feedback and tooltips to guide user behavior and increase conversions.
Yes, you can redesign analytics views with dark mode using OKLCH theming and dark mode depth guidance. The approach applies structured UI layout rules and a 4-layer color system to transform amateur analytics screens into production-grade interfaces.
Fix inconsistent layout and typography in web app UI by enforcing consistent layout patterns, spacing scales, typography hierarchy, and corner radius standards. This approach replaces redundant visual elements with structured component rules for a polished result.
Your beginner-built interface looks unprofessional because it relies on unreliable visuals like emojis, random colors, and redundant UI elements. Replace them with production-grade design decisions including structured icon strategies and disciplined color systems.
shogo-labsIdentify design issues and prioritize actionable fixes for screens and flows.
harnessprotocolGenerate frontend interfaces using typography, OKLCH color, layout, motion, and UX writing rules.
emiltsokovApply fixed scales for spacing, typography, color, and shadows to standardize UI designs.
ihlamuryEnforce Convex design constraints for dark-mode UIs with Inter font and 4px grid.
