skills.rest
cogni-dao
cogni-daoOFFICIAL
Explore all skills by this author →
WebsiteGitHub

ui-ux-pro-max

Generates structured web and mobile UI/UX design systems with Master + Overrides persistence.

4|5|Updated Nov 5, 2025
Search Tags:#design#ui#accessibility#pattern#ux#design-system
One-click install
npx skills add https://github.com/cogni-dao/cogni --skill ui-ux-pro-max-cogni-dao
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/cogni-dao/cogni/tree/main/.claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/cogni-dao/cogni --skill ui-ux-pro-max-cogni-dao

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

The UI/UX Pro Max skill consolidates design intelligence to reduce cognitive load, standardize patterns, and accelerate design-to-development workflows by providing a searchable, structured design system repository across multiple stacks.

Core Features & Use Cases

  • Multi-domain design guidance across product, style, color, typography, landing patterns, and UX guidelines.
  • Design system generation with a Master + Overrides persistence, enabling page-specific overrides.
  • Stack-aware guidance for html-tailwind, React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, and more.

Quick Start

Ask the system to generate a complete design system for a SaaS dashboard project.

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

To generate a design system, you provide project parameters like target stack and domain. The system outputs structured UI guidance covering color, typography, and accessibility patterns, creating a scalable repository for your interface.

Does this UI/UX design guidance support framework-specific implementations for React and Next.js?▼

Yes, the UI/UX design guidance supports stack-aware implementations for React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, and html-tailwind, tailoring component patterns to your specific development framework.

Can I apply page-specific overrides to a master design system?▼

Yes, you can apply page-specific overrides using the Master + Overrides persistence mechanism. This allows you to maintain a scalable master design system while customizing individual dashboard or landing page components as needed.

What is the best way to standardize UX patterns and reduce cognitive load across multiple stacks?▼

The best way to standardize UX patterns is using a searchable, structured design system repository. It consolidates design intelligence across product, style, and UX guidelines to reduce cognitive load and accelerate design-to-development workflows.

How do I ensure accessibility is included in my dashboard's typography and color system?▼

Accessibility is included by applying the system's structured design guidance to your color and typography choices. The workflow generates accessible component systems automatically, ensuring your dashboard meets standard UX guidelines without manual auditing.

Why use a structured design system repository instead of ad-hoc UI styling?▼

A structured design system repository standardizes reusable patterns across web and mobile interfaces, preventing fragmented design decisions. It accelerates design-to-development workflows by providing searchable, consistent guidance instead of rebuilding styles repeatedly.

Related Skills

Explore More Design & Creative Skills→
majiayu000majiayu000
258

ui-ux-pro-max

Generate design systems and pre-delivery UI/UX reviews for web and mobile stacks.

Community
Advanced
The13thNodeThe13thNode
3

ui-ux-pro-max

Generate UI/UX design systems with color palettes, typography, and accessibility rules.

Community
Advanced
Higashi-KotaHigashi-Kota

ui-component

Build accessible React UI components with design tokens and ARIA patterns.

Community
Advanced
intrusive-memoryintrusive-memory
5

ui-ux-pro-max

Search UI/UX design data for style guides, palettes, and stack guidelines.

Official
Advanced