skills.rest
gtpgg1013
gtpgg1013COMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Plan, design, and implement cohesive UI/UX for digital products.

Updated Mar 21, 2026
Search Tags:#design#ui#accessibility#responsive#tokens#glassmorphism#ux
One-click install
npx skills add https://github.com/gtpgg1013/claude-skills-collection --skill ui-ux-pro-max-gtpgg1013
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/gtpgg1013/claude-skills-collection/tree/main/skills/agents/ui-ux-pro-max
Command: npx skills add https://github.com/gtpgg1013/claude-skills-collection --skill ui-ux-pro-max-gtpgg1013

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill provides a structured, AI-assisted approach to planning, designing, and implementing cohesive UI/UX across web and mobile platforms, reducing iteration time and ensuring user-centered outcomes.

Core Features & Use Cases

  • Guided UI/UX planning from concept to deliverable, including layout, interactions, and visual hierarchy.
  • Design system guidance with token-based styling, accessibility considerations, and responsive, dark-mode-ready components.
  • Real-world use cases: landing pages, dashboards, SaaS interfaces, and mobile apps, with iterative review and refinement workflows.

Quick Start

Describe your product goals and user tasks, then request a complete UI/UX plan aligned with your design tokens.

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 plan and design a cohesive UI/UX for a SaaS dashboard?▼

Plan and design cohesive UI/UX for SaaS dashboards by defining product goals and user tasks to generate structured layout plans enforcing visual hierarchy and interactions. This ensures user-centered outcomes from ideation to delivery while reducing iteration time.

What are design tokens and how do they apply to responsive web layouts?▼

Design tokens are centralized styling variables ensuring visual consistency across responsive layouts. Apply them during UI design to maintain cohesive dark-mode-ready components and enforce accessibility standards across digital products.

Can I use AI to implement glassmorphism and dark mode in mobile interfaces?▼

Yes, use AI to implement glassmorphism and dark mode in mobile interfaces. The AI guides practical implementation steps for these visual styles while ensuring designs remain accessible and responsive across device screens.

Does this UI/UX design approach support accessibility and dark mode components?▼

Yes, this UI/UX design approach supports accessibility and dark mode components. It enforces accessibility considerations and token-based styling to generate responsive, dark-mode-ready components suitable for landing pages and mobile apps.

What is the best way to structure an iterative UI/UX review workflow?▼

Structure iterative UI/UX review workflows by defining product goals upfront and requesting complete plans aligned with design tokens. This enables iterative review and refinement workflows from concept to deliverable for dashboards and SaaS apps.

Related Skills

Explore More Design & Creative Skills→
wtthorntonwtthornton
4

designer

Design API contracts, data models, and UI/UX specifications.

Community
Advanced
noin-ainoin-ai

design

Generate UI design specs with responsive and dark mode variants.

Official
Intermediate
teegin-gteegin-g

normalize

Align frontend UI features with design system tokens and components.

Community
Advanced
efekrbasefekrbas
41

ui-ux-designer

Produce UI and UX guidance for interface design, wireframing, and accessibility decisions.

Community
Advanced