skills.rest
codeApe-7
codeApe-7COMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Plan UI/UX designs with style selection, component recommendations, and accessibility checks.

17|3|Updated Mar 18, 2026
Search Tags:#typography#design#ui#components#style#color#ux
One-click install
npx skills add https://github.com/codeApe-7/ai-agent-workflowGroup --skill ui-ux-pro-max-codeape-7
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/codeApe-7/ai-agent-workflowGroup/tree/main/skills/frontend/ui-ux-pro-max
Command: npx skills add https://github.com/codeApe-7/ai-agent-workflowGroup --skill ui-ux-pro-max-codeape-7

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill addresses the challenge of crafting effective UI/UX designs by providing comprehensive guidelines, style recommendations, and structured workflows.

Core Features & Use Cases

  • Design Guidance: Offers a detailed database of styles, color palettes, typography, and component suggestions for web and mobile interfaces.
  • Scenario-Specific Advice: Assists in designing landing pages, dashboards, mobile apps, or portfolio sites based on project needs.
  • Workflow Automation: Generates design systems, performs domain-specific searches for best practices, and supports hierarchical documentation management.

Quick Start

Ask the AI to generate a complete UI/UX design system for your new mobile app project, including style, color scheme, and component structure.

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

Generate a UI/UX design system by requesting style, color palette, typography, and component structure recommendations tailored to your mobile app interface.

Can I get component suggestions for specific web design scenarios?▼

Yes, you can get component suggestions and style guidance for specific scenarios like building landing pages, dashboards, or portfolio sites.

How does this approach handle accessibility checks in UI design?▼

Accessibility checks are integrated into the UI design process to ensure your selected components and styles meet best practices for user accessibility.

Do I need a specific framework to use these UI/UX style recommendations?▼

No specific framework is required, as the system searches for style consistency and best practices across multiple frameworks to support your project.

What is the best way to maintain style consistency across a web interface?▼

Maintain style consistency by using keyword-based searches to apply unified color palettes, typography rules, and component guidelines throughout your web interface.

Related Skills

Explore More Design & Creative Skills→
vobasevobase
59

teach-impeccable

Scan project files and write design context to CLAUDE.md.

Official
Intermediate
MMA-Marketing-ProMMA-Marketing-Pro
1

stitch-design-taste

Generate DESIGN.md specifications defining premium visual systems for Google Stitch workflows.

Official
Intermediate
AdemKaoAdemKao

ui-ux

Provide UI/UX design guidance for frontend interfaces covering color, typography, layouts, and accessibility.

Community
Intermediate
jpoutrinjpoutrin
14

design-system

Detect hard-coded values and generate design system component structures.

Community
Basic