skills.rest
Andrej1601
Andrej1601COMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Plan UI/UX design guidance and implementation plans for web and mobile products.

Updated Aug 27, 2025
Search Tags:#design#ui#a11y#prototyping#responsive#glassmorphism#ux
One-click install
npx skills add https://github.com/Andrej1601/HTMLSignage --skill ui-ux-pro-max-andrej1601
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/Andrej1601/HTMLSignage/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/Andrej1601/HTMLSignage --skill ui-ux-pro-max-andrej1601

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

UI/UX decision fatigue and inconsistent interfaces can slow product delivery. This skill provides a structured approach to plan, design, implement, review, and refine UI/UX across projects, ensuring cohesive aesthetics and usable experiences.

Core Features & Use Cases

  • Design guidance for landing pages, dashboards, SaaS products, and mobile apps.
  • Enforces design tokens, color systems, typography, accessibility considerations, and responsive behavior.
  • Use Case: Create a consistent UI language and deliver design specs for a new admin dashboard within a week.

Quick Start

Provide a concise brief for a new dashboard project and request a ready-to-implement UI/UX plan.

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

Glassmorphism UI design uses design tokens to standardize translucent aesthetics across responsive web layouts. This skill enforces glassmorphism and dark mode aesthetics while delivering practical style guides and component specs.

What's the best way to plan responsive web and mobile app UI/UX?▼

The best way to plan responsive web and mobile UI/UX is through a structured approach covering design, implementation, and refinement. This skill delivers ready-to-implement UI/UX plans enforcing responsive behavior and accessibility constraints.

How do I enforce accessibility constraints in UI/UX prototyping?▼

To enforce accessibility constraints in UI/UX prototyping, you must integrate a11y checks directly into your design phase. This skill provides practical accessibility checks and deliverables alongside style guides for web and mobile products.

Can I use this approach to design a landing page and admin dashboard simultaneously?▼

Yes, you can design a landing page and admin dashboard simultaneously by applying a unified design token system. This skill provides cohesive aesthetics and implementation plans across multiple product scenarios at scale.

Why does inconsistent interface design slow down product delivery?▼

Inconsistent interface design slows product delivery by causing UI/UX decision fatigue and fragmented component specs. This skill solves the problem by providing a structured plan to review and refine design across projects.

Related Skills

Explore More Design & Creative Skills→
luanzebaluanzeba

teach-impeccable

Gather project design context and generate a CLAUDE.md Design Context document.

Community
Intermediate
noin-ainoin-ai

design

Generate UI design specs with responsive and dark mode variants.

Official
Intermediate
RUSHYOPRUSHYOP

frontend-design

Generate production-grade frontend interfaces with design constraints and UX guidelines.

Community
Advanced
wpgauravwpgaurav
14

ckm:ui-styling

Generate accessible React UIs with shadcn/ui, Radix UI, and Tailwind CSS.

Community
Intermediate