ui-design-tipsApply practical UI/UX design principles to improve user interfaces, landing pages, web apps, and components. Use when asked to review, critique, or improve U...
Install via ClawdBot CLI:
clawdbot install ZackO2o/ui-design-tipsGrade Fair — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.
Calls external URL not in known-safe list
https://github.com/uiverse-io/galaxyAudited Apr 16, 2026 · audit v1.0
Generated Mar 21, 2026
A SaaS startup wants to improve conversion rates on their landing page. This skill helps redesign the layout to apply the Gutenberg Principle for CTA placement, optimize visual hierarchy with typography and opacity, and add trust signals like 'No credit card required' near the button to reduce pre-click anxiety.
An e-commerce platform needs to highlight a recommended subscription plan to reduce decision fatigue. Using this skill, designers can apply color, scale, and shadow attributes to emphasize the plan, align elements consistently, and ensure accessibility by not relying on color alone for distinctions.
A mobile app developer seeks to enhance user onboarding and reduce drop-offs. This skill guides the creation of empty states with templates and sample content, optimizes form inputs with inline validation and predefined values, and applies UX copy principles to eliminate ambiguity in instructions.
A B2B software company wants to improve navigation in their web app dashboard. Using this skill, designers can add icons to menu items for faster scanning, use whitespace instead of dividers to reduce cognitive load, and clearly highlight active tabs with background changes for better usability.
A government or educational website requires accessibility improvements in their forms. This skill helps by ensuring input types are correct (e.g., number pickers), pairing color with icons for color-blind users, and providing clear placeholder guidance and inline validation to reduce errors.
This skill optimizes pricing pages and CTAs to drive subscription sign-ups, applying principles like highlighting recommended plans and reducing decision fatigue. It enhances conversion through visual hierarchy and trust signals, leading to higher recurring revenue.
By improving product pages, checkout flows, and navigation, this skill increases sales and reduces cart abandonment. It focuses on CTA optimization, form design, and mobile UX to boost average order value and customer retention.
Agencies can use this skill to deliver faster, higher-quality UI/UX design services for clients. It provides actionable tips for landing pages, onboarding, and accessibility, enabling agencies to charge premium rates and improve project turnaround times.
💬 Integration Tip
Integrate this skill into design review workflows by using its principles as a checklist during prototyping and testing phases, ensuring consistent application across projects.
Scored Apr 19, 2026
Use when building UI with shadcn/ui components, Tailwind CSS layouts, form patterns with react-hook-form and zod, theming, dark mode, sidebar layouts, mobile navigation, or any shadcn component question.
Tailwind reference tool. Use when working with tailwind in frontend contexts.
A product creation skill based on the "Bee Website Builder" Open API. It is used to create a new product under a specified site language and product group, w...
A product update skill based on the "Bee Website Builder" Open API. It is used to update an existing product under a specified site language and supports upd...
Build WCAG 2.1 AA compliant websites with semantic HTML, proper ARIA, focus management, and screen reader support. Includes color contrast (4.5:1 text), keyboard navigation, form labels, and live regions. Use when implementing accessible interfaces, fixing screen reader issues, keyboard navigation, or troubleshooting "focus outline missing", "aria-label required", "insufficient contrast".
Use when building Vue 3 applications with Composition API, Nuxt 3, or Quasar. Invoke for Pinia, TypeScript, PWA, Capacitor mobile apps, Vite configuration.