skills.rest
binods1313
binods1313COMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Retrieve design-system guidance for web and mobile stacks.

Updated Jan 7, 2026
Search Tags:#typography#ui#accessibility#ux#design-system#color-palette
One-click install
npx skills add https://github.com/binods1313/Sampada-Store --skill ui-ux-pro-max-binods1313
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/binods1313/Sampada-Store/tree/main/.claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/binods1313/Sampada-Store --skill ui-ux-pro-max-binods1313

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Designers and product teams often wrestle with maintaining consistent UI/UX across projects, stacks, and teams, leading to visual debt and inconsistent user experiences.

Core Features & Use Cases

  • 67 styles, 96 palettes, 57 font pairings, and 25 chart types across 13 technology stacks to guide decisions.
  • Multi-stack coverage including React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, and shadcn/ui for cohesive implementations.
  • Practical use cases: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, and mobile app designs.

Quick Start

Describe your project scope to generate a complete design system for your UI.

Frequently Asked Questions about ui-ux-pro-max

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

FAQPage Schema
How do I generate a consistent design system for a React and Next.js project?▼

To generate a design system, describe your project scope to retrieve structured guidance including typography, color palettes, and accessibility rules. It provides systemized intelligence across React and Next.js stacks to ensure cohesive UI implementations.

What is the best way to maintain consistent UI and typography across multiple technology stacks?▼

Maintaining consistent UI requires applying a centralized design system across your stacks. This tool surfaces 57 font pairings and 67 styles across 13 stacks like Vue, Svelte, and Flutter to eliminate visual debt and unify user experiences.

Can I use this design-system guidance for both web dashboards and mobile apps?▼

Yes, you can use this design-system guidance for both web and mobile contexts. It applies to dashboards, admin panels, e-commerce, and mobile app designs across web stacks like Tailwind and mobile stacks like SwiftUI and React Native.

How do I select an accessible color palette for a SaaS landing page?▼

Selecting an accessible color palette involves retrieving structured recommendations from 96 predefined palettes. The tool applies accessibility reasoning to your SaaS landing page requirements to output compliant color combinations suitable for persistent design systems.

Does the design-system retrieval support shadcn/ui and Tailwind for component design?▼

Yes, the design-system retrieval supports both shadcn/ui and Tailwind. It integrates these frameworks within its multi-stack coverage to provide cohesive component design guidance and structured outputs for your project.

Related Skills

Explore More Design & Creative Skills→
ivanshtokovivanshtokov
2

ui-ux-pro-max

Generate structured design-system outputs with patterns, styles, colors, typography, and components.

Community
Advanced
cookeyholdercookeyholder

ui-ux-pro-max

Generate master and page-specific design systems for web and mobile projects.

Community
Advanced
stancodevstancodev

componente-mobile

Standardize mobile UI component development with design tokens for Next.js/React projects.

Community
Intermediate
NoManPlayNoManPlay

ui-ux-pro-max

Generates prioritized UI/UX and accessibility recommendations for web and mobile interfaces.

Community
Advanced