skills.rest
tsukhani
tsukhaniCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

ui-ux-pro-max

Generate design systems and UX quality feedback for web and mobile applications.

12|3|Updated Apr 6, 2026
Search Tags:#ui#accessibility#design system#web design#mobile app#ux
One-click install
npx skills add https://github.com/tsukhani/jclaw --skill ui-ux-pro-max-tsukhani
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/tsukhani/jclaw/tree/main/skills/ui-ux-pro-max
Command: npx skills add https://github.com/tsukhani/jclaw --skill ui-ux-pro-max-tsukhani

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This skill resolves ambiguity in UI/UX design by providing data-driven recommendations, industry-standard guidelines, and automated design system generation for web and mobile applications.

Core Features & Use Cases

  • Design System Generation: Automatically creates comprehensive design systems including color palettes, typography, and layout patterns based on product type.
  • UX Quality Control: Provides actionable feedback on accessibility, touch targets, and interaction patterns to ensure professional-grade interface quality.
  • Use Case: When building a new SaaS dashboard, use this skill to generate a complete design system that ensures visual consistency, accessibility compliance, and optimal conversion patterns across your entire application.

Quick Start

Use the ui-ux-pro-max skill to generate a complete design system for a new fintech dashboard project.

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 complete design system for a web or mobile application?▼

To generate a design system, provide your product type to receive automated color palettes, typography, and layout patterns. This process ensures visual consistency and accessibility compliance across your entire application interface.

What is the best way to ensure UI accessibility and touch target compliance?▼

The best way to ensure UI accessibility is by applying automated UX quality control checks. This evaluates touch targets, accessibility standards, and interaction patterns to provide actionable feedback for professional interfaces.

Can I get industry-specific UX recommendations for a SaaS dashboard?▼

Yes, you can get industry-specific UX recommendations for a SaaS dashboard. The system uses industry-specific reasoning rules and BM25-ranked recommendations to deliver data-driven guidelines for diverse technology stacks.

Does this UI design intelligence tool work for both web and mobile app products?▼

Yes, this UI design intelligence tool works for both web and mobile app products. It supports diverse technology stacks and product types through automated visual quality control and interaction pattern optimization.

How do I optimize interaction patterns and visual quality control during interface development?▼

You optimize interaction patterns by running automated visual quality control checks. This provides actionable feedback on accessibility and interactions, ensuring professional-grade interface quality throughout your development process.

Related Skills

Explore More Design & Creative Skills→
cin12211cin12211
218

ui-ux-pro-max

Query a searchable repository of styles, palettes, fonts, and stack guidelines.

Community
Intermediate
DayMoonDevelopmentDayMoonDevelopment
68

frontend-design

Design and implement bold frontend interfaces across React and HTML/CSS.

Official
Advanced
nsuberinsuberi

normalize

Audit and realign UI components, spacing, tokens, and accessibility to a design system.

Community
Advanced
Elmanuel1Elmanuel1

web-design-guidelines

Audit UI code against official Vercel web interface guidelines.

Community
Intermediate