skills.rest
zooroy
zooroyCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

ui-ux-pro-max

Generate prioritized UI/UX design systems with stack-specific guidelines and persistence.

Updated Apr 27, 2026
Search Tags:#typography#accessibility#design system#ui/ux#color palette#nextjs
One-click install
npx skills add https://github.com/zooroy/appt-system --skill ui-ux-pro-max-zooroy
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/zooroy/appt-system/tree/main/.claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/zooroy/appt-system --skill ui-ux-pro-max-zooroy

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

It solves the problem of producing consistent, accessible, high-quality UI/UX decisions by providing prioritized design rules, style guidance, color palettes, typography pairings, UX do/don’t checks, and landing/dashboard patterns.

Core Features & Use Cases

  • Design system generation: Create a cohesive UI/UX design system (pattern, style priority, colors, typography, key effects, anti-patterns) tailored to a product/industry query.
  • Domain-specific search: Retrieve targeted guidance for accessibility, interaction, performance, layout/responsive behavior, typography, color, landing structures, charts, and more.
  • Stack-specific guidelines: Apply implementation-oriented recommendations for a selected front-end stack (e.g., Next.js, React, HTML+Tailwind).
  • Master + overrides persistence: Save a generated design system and optionally create page-specific override rules for hierarchical reuse across a project.

Quick Start

Ask the AI to generate a design system for a dashboard by running: python3 skills/ui-ux-pro-max/scripts/search.py "saas dashboard fintech" --design-system -p "Appt System Dashboard".

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 web or mobile application?▼

To generate a UI/UX design system, provide a product query to retrieve prioritized rules, style guidance, color palettes, typography pairings, and key effects tailored to your web or mobile interface.

What is the best way to ensure my color palette and typography meet accessibility standards?▼

Ensure your color palette and typography meet accessibility standards by retrieving targeted UX guidance that provides pattern recommendations, anti-patterns, and decision rules focused on compliance.

Can I apply stack-specific UI guidelines for frameworks like Next.js?▼

Yes, you can apply stack-specific UI guidelines for Next.js by using implementation-aware outputs that search and retrieve tailored guidelines for your selected front-end stack.

How do I save and reuse design system rules across different pages in a project?▼

Save and reuse design system rules by persisting outputs into a Master structure, then creating optional page-specific override rules for hierarchical reuse across your project.

Does UI/UX design generation work for both landing pages and dashboards?▼

Yes, UI/UX design generation works for both landing pages and dashboards by retrieving targeted guidance across style, color, and layout domains to satisfy specific structural pattern requirements.

Related Skills

Explore More Design & Creative Skills→
BaoNguyen09BaoNguyen09
6

install-mac

Install Node.js and project dependencies on macOS for development.

Community
Intermediate
markdo27markdo27

ui-ux-pro-max

Provide UI/UX styles, palettes, fonts, and guidelines for web and mobile apps.

Community
Advanced
therealityreporttherealityreport

audit-responsive-accessibility

Audit generated UI for WCAG compliance across article and brand pages.

Community
Intermediate
tobilafinhangittobilafinhangit
2

figma-design-references

Convert Figma design frames to static HTML/CSS files.

Community
Intermediate