skills.rest
FOUNDUPS
FOUNDUPSOFFICIAL
Explore all skills by this author →
Website𝕏@foundupsGitHub

ui-ux-pro-max

Provide UI/UX design guidelines for web and mobile applications.

2|Updated Mar 28, 2025
Search Tags:#typography#design#ui#accessibility#style guide#color palette#ux
One-click install
npx skills add https://github.com/FOUNDUPS/Foundups-Agent --skill ui-ux-pro-max-foundups
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/FOUNDUPS/Foundups-Agent/tree/main/.agent/skills/external/ui-ux-pro-max
Command: npx skills add https://github.com/FOUNDUPS/Foundups-Agent --skill ui-ux-pro-max-foundups

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides comprehensive guidance and best practices for UI/UX design, ensuring visually appealing, user-friendly, and accessible digital products.

Core Features & Use Cases

  • Design System Components: Offers 50+ styles, 21 palettes, 50 font pairings, 20 charts, and 9 technology stack configurations.
  • Actionable Guidelines: Provides specific rules and checklists for accessibility, interaction, performance, layout, typography, and more.
  • Use Case: When designing a new e-commerce website, use this Skill to select an appropriate style (e.g., minimalism), choose a color palette that ensures high contrast, and implement accessibility best practices for form elements.

Quick Start

Use the ui-ux-pro-max skill to review the accessibility and color contrast of the provided website design mockups.

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 new UI design?▼

To choose a color palette and typography for a UI design, select from 21 palettes and 50 font pairings that ensure high contrast and visual appeal. This approach guarantees accessible and cohesive web and mobile applications.

What accessibility guidelines should I follow for web and mobile form elements?▼

Accessibility guidelines for form elements require specific rules and checklists for interaction and layout to ensure high contrast and usability. Adhering to these priority categories yields user-friendly, accessible digital products.

Can I use UI design intelligence to review existing website mockups?▼

Yes, you can use UI design intelligence to review existing website mockups. The system evaluates accessibility, color contrast, and performance against specific checklists to provide actionable code review and implementation feedback.

Does this UI design guidance support specific technology stacks?▼

Yes, UI design guidance supports 9 technology stack configurations. This ensures design system components, including styles and charts, integrate effectively across multiple platforms for both web and mobile applications.

Related Skills

Explore More Design & Creative Skills→
zacjones93zacjones93

design

Assess UI/UX design problems across screens, layouts, typography, and accessibility.

Community
Basic
HaipingXuHaipingXu
21

ui-ux-pro-max

Generate design systems for web and mobile applications with UI/UX guidance.

Community
Advanced
blencorpblencorp
101

shadcn

Guide React and TypeScript projects integrating shadcn/ui components with Tailwind CSS.

Official
Intermediate
etewiahetewiah
635

theme-evaluation

Evaluate theme palettes for WCAG contrast and accessibility compliance.

Community
Advanced