ui-ux

Generate design system recommendations for web and mobile UI/UX.

1|Updated May 29, 2026
One-click install
npx skills add https://github.com/rajitharx/sprout --skill ui-ux-rajitharx
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux
Source: https://github.com/rajitharx/sprout/tree/main/.claude/skills/ui-ux
Command: npx skills add https://github.com/rajitharx/sprout --skill ui-ux-rajitharx

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill addresses challenges in UI/UX design for web and mobile apps, providing a suite of design intelligence, best practices, and guidelines.

Core Features & Use Cases

  • Comprehensive Design Intelligence: Offers access to 50+ design styles, 161 color palettes, 57 font pairings, and more across 10 technology stacks.
  • Actionable Recommendations: Provides step-by-step guidance for planning, building, designing, implementing, and optimizing UI/UX components.
  • Use Case: When designing a new app's landing page, the Skill can offer design system recommendations, typography, color schemes, and accessibility guidelines to ensure a professional, accessible product.

Quick Start

Use the ui-ux skill to generate a design system for a landing page with the "beauty spa wellness service" theme.

Frequently Asked Questions about ui-ux

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create a consistent UI design system for web and mobile apps?

To create a consistent UI design system for web and mobile apps, use structured guidelines covering styles, colors, fonts, and animations. This ensures accessibility and user experience consistency across 10 technology stacks.

What are the best practices for accessible mobile design and web design?

Accessible mobile design and web design best practices involve applying actionable advice on styles, color palettes, font pairings, and animations. This ensures professional products that maintain accessibility and user experience consistency.

Can I get color palette and font pairing recommendations for a specific app theme?

You can get color palette and font pairing recommendations for a specific app theme by leveraging a comprehensive design intelligence suite. It offers 161 color palettes and 57 font pairings across 50+ design styles.

How do I optimize UI/UX components step by step across different technology stacks?

To optimize UI/UX components step by step across different technology stacks, follow actionable recommendations for planning, building, designing, implementing, and optimizing. This covers 10 distinct web and mobile stacks.

Does this UI/UX design tool require any external dependencies or frameworks?

This UI/UX design tool does not require any external dependencies or frameworks to function. It provides self-contained design intelligence and actionable guidelines to ensure accessibility and user experience consistency.

When do I need a comprehensive design system for my landing page?

You need a comprehensive design system for your landing page when you require structured guidance on typography, color schemes, and accessibility. This ensures a professional and accessible product across web and mobile platforms.