skills.rest
esafirm
esafirmCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

ui-ux-pro-max

Generate UI and UX design recommendations from structured skill repositories.

4|Updated Aug 18, 2016
Search Tags:#accessibility#design system#ui design#responsive layout#ux review#visual style
One-click install
npx skills add https://github.com/esafirm/dotfiles --skill ui-ux-pro-max-esafirm
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/esafirm/dotfiles/tree/main/.claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/esafirm/dotfiles --skill ui-ux-pro-max-esafirm

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill turns scattered UI and UX guidance into a single design reference so you can make consistent, accessible, production-ready interface decisions faster.

Core Features & Use Cases

  • It recommends design systems across product types, styles, color palettes, typography, landing patterns, and UX rules.
  • It supports review and implementation workflows for web and mobile interfaces, including components, navigation, forms, animations, and charts.
  • Example: use it to choose a visual direction for a SaaS dashboard or to audit a mobile app for accessibility, layout, and interaction issues.

Quick Start

Ask the skill to generate a design system for your product, such as a fintech dashboard or mobile app.

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 web or mobile interface?▼

To generate a design system, provide your product type like a fintech dashboard or mobile app. The skill outputs structured UI recommendations covering color palettes, typography, navigation, and UX rules for consistent interface planning.

What is a UX review and how does it improve accessibility?▼

A UX review audits your interface for accessibility, layout, and interaction issues. It evaluates components, forms, and responsive layouts against established UX rules to ensure your web or mobile interface is accessible and production-ready.

Can I use this skill to audit a mobile app for responsive layout issues?▼

Yes, you can use this skill to audit mobile apps for responsive layout issues. It supports review workflows that check component selection, navigation, forms, and animations against accessibility standards and UX rules.

What's the best way to choose a visual style for a SaaS dashboard?▼

The best way to choose a visual style for a SaaS dashboard is to request design system recommendations from this skill. It provides structured guidance on visual direction, color palettes, typography, and landing patterns tailored to your product type.

Do I need specific design files to get UI design recommendations?▼

No specific design files are required to get UI design recommendations. You simply ask the skill to generate a design system for your product type, and it returns structured guidance using its internal skill repository and YAML frontmatter metadata.

Why does my UI design lack consistency across different components?▼

Your UI design lacks consistency because it lacks a unified design reference. This skill turns scattered UI and UX guidance into a single source to help you make consistent, accessible, and production-ready decisions for components and visual styles.

Related Skills

Explore More Design & Creative Skills→
Hey-ViswaHey-Viswa

x-ai-design-skill

Generate implementation-ready React/Next.js UI guidance with xAI design language.

Community
Advanced
daemon-blockint-techdaemon-blockint-tech
7

ui-software-engineer

Translate design specifications into responsive user interfaces with design tokens and Storybook stories.

Community
Intermediate
jlawsjlaws
2

agent-frontend-engineer

Design accessible, responsive UI components for frontend frameworks like React, Next.js, and Vue.

Community
Advanced
gileckgileck

ui-design-guidelines

Provide iOS-inspired UI design guidelines for web and mobile interfaces.

Community
Basic