← ClaudeAtlas

ui-uxlisted

Use when the request is to design, redesign, polish, review, or implement UI/UX for web or mobile interfaces, landing pages, dashboards, flows, or visual systems. Common triggers: design a ui, redesign this page, improve ux, polish the frontend, landing page design, dashboard design, mobile app ui, design system, ui review, redesign the frontend, improve this page.
MarkBovee/nebu-skills · ★ 1 · Web & Frontend · score 62
Install: claude install-skill MarkBovee/nebu-skills
# Nebu UI/UX Design for clarity, hierarchy, and usability first. Make the interface feel intentional, not generic. ## Use this when - the user wants a new UI, redesign, polish pass, UX fix, or visual review - the right layout, interaction, or visual direction is not obvious yet - the work includes screens, flows, dashboards, landing pages, forms, navigation, or design systems If the repo already has a design system or visual language, preserve it unless the user asks to change it. ## Working pattern 1. Inspect the existing product, screen, or component first. If no existing system is present, explicitly choose a reference anchor before generating anything. 2. Identify constraints: device sizes, theme, brand, accessibility, and stack. 3. Choose a clear visual direction that fits the product instead of defaulting to bland SaaS UI. 4. Make the smallest coherent set of layout, hierarchy, spacing, color, copy, and interaction changes. 5. Run a headless screenshot review on standard desktop and mobile viewports after each meaningful UI pass. 6. Fix the highest-signal issues from the review, then repeat. 7. Keep iterating without repeated approval prompts unless the visual direction itself is in doubt. ## Never do this - purple or violet as the default accent, especially `#7c3aed`, `#8b5cf6`, or generic purple gradients - `Inter` plus an oversized hero headline as the default type pairing - uniform card grids with the same `border-radius`, shadow, spacing, and visual weight