skills.rest
zhaozengqing4364-bit
zhaozengqing4364-bitCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generate UI/UX design recommendations for colors, typography, and layout.

Updated Jan 16, 2026
Search Tags:#typography#design#ui#accessibility#color palette#responsive#ux
One-click install
npx skills add https://github.com/zhaozengqing4364-bit/sales-training-qoder --skill ui-ux-pro-max-zhaozengqing4364-bit
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/zhaozengqing4364-bit/sales-training-qoder/tree/main/.claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/zhaozengqing4364-bit/sales-training-qoder --skill ui-ux-pro-max-zhaozengqing4364-bit

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

It streamlines the UI/UX design process by providing comprehensive style, color, typography, and layout guidance tailored to user needs.

Core Features & Use Cases

  • Style Guidance: Offers detailed style recommendations, including colors, effects, and frameworks for various project types.
  • Design Planning: Assists in selecting color palettes, typography pairings, and layout structures to match project goals.
  • Implementation Support: Guides developers and designers to follow best practices for accessibility, responsiveness, and visual consistency.
  • Use Case: A team wants to build a modern, accessible landing page for a wellness service; this Skill helps them choose design elements and structure the page effectively.

Quick Start

Use the UI/UX Pro Max skill to generate design concepts and best practices for a mobile app interface.

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 choose a color palette and typography for a responsive landing page?▼

To choose a color palette and typography for a responsive landing page, use AI-driven recommendations to select pairings and layout structures that match project goals and enhance user engagement.

What are the best practices for UI accessibility in mobile app interfaces?▼

UI accessibility best practices for mobile app interfaces involve following industry standards for visual consistency, responsiveness, and interaction design to ensure high-quality outcomes for all users.

Can I generate design concepts for a wellness service without prior design experience?▼

Yes, you can generate design concepts for a wellness service without prior experience by using curated style data and structured guidance to streamline the selection of visual elements.

What's the best way to structure visual and interaction design for digital products?▼

The best way to structure visual and interaction design for digital products is by applying AI-generated style choices and layout frameworks tailored to specific user needs and project types.

How does AI provide UI/UX style guidance for developers?▼

AI provides UI/UX style guidance for developers by using curated style data and industry standards to offer detailed recommendations on colors, effects, and frameworks for consistent results.

Do I need specific design frameworks to improve user engagement and accessibility?▼

You do not need specific design frameworks to improve user engagement and accessibility; the skill provides tailored framework recommendations and style choices suitable for various digital products.

Related Skills

Explore More Design & Creative Skills→
ilamanovilamanov

create-learning-map

Generate interactive Obsidian learning maps from user-defined goals and prerequisite assessments.

Community
Advanced
lucking7lucking7

frontend-design

Guides layout, typography, color, and accessibility for frontend interfaces.

Community
Basic
calcosmiccalcosmic
9

frontend-design-contract

Generate a UI-SPEC.md contract defining visual tokens, breakpoints, and accessibility criteria.

Community
Intermediate
maplin-comaplin-co

mockup-to-code

Convert UI mockups and design files into React, Vue, or HTML/CSS code.

Official
Advanced