skills.rest
CHNISam
CHNISamCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Create and refine UI/UX designs for web and mobile applications.

Updated Mar 19, 2026
Search Tags:#design#ui#accessibility#style guide#responsive#ux
One-click install
npx skills add https://github.com/CHNISam/agent-skills --skill ui-ux-pro-max-chnisam
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/CHNISam/agent-skills/tree/main/ui-ux-pro-max
Command: npx skills add https://github.com/CHNISam/agent-skills --skill ui-ux-pro-max-chnisam

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

It streamlines the process of designing, reviewing, and optimizing user interfaces, drastically reducing time spent on indecision and manual adjustments.

Core Features & Use Cases

  • Design Guidance: Provides comprehensive style, color, typography, and component recommendations for web and mobile apps.
  • UI Review & Optimization: Helps identify accessibility issues, style inconsistencies, and layout improvements.
  • Use Case: For a startup building a mobile app, use this skill to generate a design system that matches the brand style and optimize existing UI components for better user experience.

Quick Start

Describe your product and target platform, then initiate a design system search with the desired style and usability criteria.

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

To create a UI design system, describe your product and target platform, then request style, color, typography, and component recommendations to establish visual consistency and usability standards.

Can AI review my existing UI for accessibility issues?▼

Yes, AI can review your existing UI to identify accessibility issues, style inconsistencies, and layout improvements, ensuring your interface meets modern compliance and usability standards.

What is the best way to optimize responsive layout and typography for mobile apps?▼

The best way to optimize responsive layout and typography is to use AI-driven recommendations that evaluate your current components and adjust them for modern interaction and visual appeal across mobile screens.

Does this UI review tool work for both web and mobile applications?▼

Yes, this UI review tool works for both web and mobile applications, providing comprehensive design guidance and optimization for accessibility and style consistency across different platforms.

Why do my user interface components look visually inconsistent?▼

Interface components look visually inconsistent when they lack a unified style guide, but AI-driven reviews can identify these mismatches and provide standardized typography and color recommendations.

How do I ensure my web design meets accessibility compliance standards?▼

To ensure web design meets accessibility compliance, run an AI-driven UI review to detect issues and receive recommendations that align your interaction and layout decisions with modern standards.

Related Skills

Explore More Design & Creative Skills→
modu-aimodu-ai
267

landing-page

Generate React landing pages with shadcn/ui, Tailwind CSS, and Framer Motion.

Official
Intermediate
PouriaRouzrokhPouriaRouzrokh

frontend-design

Define and implement production-grade frontend interfaces with typography, color tokens, spacing, and accessibility.

Community
Advanced
dev-mirzabicerdev-mirzabicer

frontend-ui-ux

Translate design briefs into production-ready frontend UI components.

Community
Advanced
LimaTechnologiesLimaTechnologies

ui-ux-audit

Automate UI/UX audits for accessibility, responsiveness, and design-system consistency.

Community
Basic