ui-ux-pro-max

Guide UI and UX design decisions for modern digital products.

264|11|Updated Apr 25, 2026
One-click install
npx skills add https://github.com/coco-research/coco --skill ui-ux-pro-max-coco-research
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/coco-research/coco/tree/main/skills/ui-ux-pro-max
Command: npx skills add https://github.com/coco-research/coco --skill ui-ux-pro-max-coco-research

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill helps you make UI and UX decisions without guessing by turning broad product goals into practical design guidance.

Core Features & Use Cases

  • Design systems for websites, landing pages, dashboards, admin panels, e-commerce experiences, portfolios, blogs, and mobile apps.
  • Choose strong color palettes, font pairings, spacing, motion, and chart patterns with accessibility and responsiveness in mind.
  • Review and improve existing interfaces across React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, and shadcn/ui projects.

Quick Start

Ask the skill to analyze your product type, style goals, and stack, then generate a design system and implementation guidance for your page.

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 responsive dashboard UI with accessible color palettes and typography?

Creating a responsive dashboard UI with accessible color palettes involves analyzing your product type and frontend stack to generate prioritized design guidance. The skill provides specific recommendations for color, font pairings, and spacing that satisfy accessibility and responsive layout requirements.

Can I use this to review and improve existing React and Tailwind interfaces?

Yes, you can review and improve existing React and Tailwind interfaces. The skill analyzes your current design across multiple frontend stacks including React, Next.js, Vue, Svelte, and Tailwind to provide prioritized recommendations for accessibility, typography, and motion.

What's the best way to choose charts and motion patterns for an e-commerce flow?

Choosing charts and motion patterns for an e-commerce flow requires balancing accessibility with user experience. The skill generates prioritized recommendations for chart selection and animation patterns tailored to your specific product type and style goals.

Does the UI/UX design guidance work with SwiftUI and React Native for mobile apps?

Yes, the UI/UX design guidance works with SwiftUI and React Native for mobile apps. It applies design decisions across multiple frontend stacks including Flutter, ensuring your mobile interfaces meet accessibility, typography, and responsive layout requirements.

How do I start building a design system for a landing page using shadcn/ui?

To build a design system for a landing page using shadcn/ui, ask the skill to analyze your product type, style goals, and stack. It will generate a complete design system with implementation guidance covering color palettes, font pairings, and spacing.

Why does my admin panel layout need responsive design and accessibility considerations?

Your admin panel layout needs responsive design and accessibility considerations to ensure usability across devices and user abilities. The skill evaluates your interface against accessibility standards and responsive layout requirements to deliver prioritized improvement recommendations.