skills.rest
kmshihab7878
kmshihab7878COMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generate design systems and implementation guidelines for web and mobile interfaces.

6|1|Updated Apr 7, 2026
Search Tags:#accessibility#react#tailwind#ui-ux#design-system#design-guidelines#style-search
One-click install
npx skills add https://github.com/kmshihab7878/claude-code-setup --skill ui-ux-pro-max-kmshihab7878
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/kmshihab7878/claude-code-setup/tree/main/skills/ui-ux-pro-max
Command: npx skills add https://github.com/kmshihab7878/claude-code-setup --skill ui-ux-pro-max-kmshihab7878

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Centralizes UI/UX design reasoning and implementation guidance so teams can quickly produce consistent, accessible, and production-ready interfaces across web and mobile projects. It reduces ad hoc style decisions, speeds up handoff to engineering, and enforces accessibility and performance priorities.

Core Features & Use Cases

  • Design system generation: Aggregates multi-domain searches (style, color, typography, landing patterns, UX) into a single recommended design system with prioritized rules.
  • Searchable style database: BM25-backed searches for styles, palettes, charts, and stack-specific guidelines to find matching patterns and implementation notes.
  • Stack-aware guidance & persistence: Provides stack-specific best practices (default html-tailwind plus React/Next/Vue/etc.) and can persist a MASTER design system with page-level overrides for hierarchical retrieval across sessions.
  • Practical outputs: Produces terminal-friendly ASCII box outputs or Markdown, includes a pre-delivery checklist, and supplies component CSS snippets and accessibility rules for direct handoff.
  • Use case example: Create a SaaS dashboard design system, choose an accessible color palette and font pairing, then persist MASTER and per-page overrides for developers to consume.

Quick Start

Generate a persisted design system for a SaaS dashboard by running the design-system workflow with a clear project name to create a MASTER and optional page overrides.

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 design system for a SaaS dashboard?▼

You can generate a design system for a SaaS dashboard by running the workflow with a project name, which aggregates multi-domain style, color, and typography searches into a single MASTER system with prioritized rules.

Can I get React and Tailwind implementation guidelines for my UI design system?▼

Yes, you can get stack-aware implementation guidelines for React and Tailwind, alongside default html-tailwind, Next, and Vue, supplying component CSS snippets and accessibility rules for direct engineering handoff.

How do I persist UI design guidelines with page-level overrides for developers?▼

You can persist UI design guidelines by saving a MASTER design system and applying hierarchical page-level overrides, enabling developers to retrieve specific implementation rules across different sessions.

What is the best way to search for accessible color palettes and landing page patterns?▼

The best way to search for accessible color palettes and landing page patterns is using the integrated BM25-backed searchable database to find matching styles, charts, and stack-specific implementation notes quickly.

What format are the generated design system guidelines outputted in for engineering handoff?▼

Generated design system guidelines are outputted in terminal-friendly ASCII box formats or Markdown, including a pre-delivery checklist to ensure accessibility and performance priorities are met before handoff.

Related Skills

Explore More Design & Creative Skills→
majiayu000majiayu000
258

ui-ux-pro-max

Generate design systems and pre-delivery UI/UX reviews for web and mobile stacks.

Community
Advanced
103492-MaxPaardekam103492-MaxPaardekam
2

frontend-design

Generate HTML/CSS/JS frontend components with a bold aesthetic direction.

Community
Advanced
AngelP17AngelP17
1

tailwind-design-system

Standardize UI design with Tailwind-based design tokens and component patterns.

Community
Advanced
tan-yong-shengtan-yong-sheng
4

ui-ux-designer

Create interface designs, wireframes, and design systems with accessibility standards.

Community
Advanced