skills.rest
t0lab
t0labOFFICIAL
Explore all skills by this author →
WebsiteGitHub

ui-ux-pro-max

Generate UI/UX design-system recommendations from user queries with multi-domain search and reasoning.

2|Updated Apr 10, 2026
Search Tags:#typography#accessibility#ui-ux#design-system#color-palette#design-guidelines
One-click install
npx skills add https://github.com/t0lab/harness-kit --skill ui-ux-pro-max-t0lab
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/t0lab/harness-kit/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/t0lab/harness-kit --skill ui-ux-pro-max-t0lab

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

UI/UX Pro Max provides comprehensive UI/UX design guidance and design-system recommendations to accelerate product design and improve usability across web and mobile interfaces. It combines multi-domain insights and reasoning to produce cohesive patterns, color strategies, typography decisions, and component-level guidance that align with accessibility and performance goals.

Core Features & Use Cases

  • Multi-domain design-system generation from natural language queries
  • Style, color, typography, and layout recommendations with rationale
  • Pattern-to-pattern consistency guidance for pages like dashboards, landing pages, and admin panels
  • Master/Overrides persistence with optional page-specific overrides (MASTER.md and design-system/pages/*.md)

Quick Start

Provide a design-system query such as "SaaS dashboard" to generate a complete recommendation.

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 UI/UX design system from a natural language query?▼

To generate a UI/UX design system, provide a natural language query like "SaaS dashboard". The system aggregates cross-domain design data to output pattern, style, color, and typography recommendations with rationale.

What is design-system persistence and how does it work with page overrides?▼

Design-system persistence saves recommendations in a Master.md file, while page-specific overrides are stored as separate markdown files, allowing consistent design guidelines with customized layouts for dashboards or landing pages.

Can I use this to create color palettes and typography decisions that align with accessibility standards?▼

Yes, the generated UI/UX design guidance includes color palette and typography recommendations that explicitly align with accessibility and performance goals to improve usability across interfaces.

What's the best way to maintain pattern-to-pattern consistency across different web pages?▼

The best way to maintain pattern consistency is using the multi-domain design-system generation, which provides pattern-to-pattern consistency guidance for specific page types like dashboards, landing pages, and admin panels.

Does the generated design system support multiple output formats?▼

Yes, the UI/UX design system generation supports multiple output formats, delivering comprehensive component-level guidance and design-reasoning rules alongside the standard markdown persistence files.

Related Skills

Explore More Design & Creative Skills→
secondskysecondsky
204

aceternity-ui

Provide animated React components for Next.js applications with Tailwind CSS and Framer Motion.

Community
Advanced
GeargrindadminGeargrindadmin

ui-ux-pro-max

Search UI/UX domains and generate design system recommendations with MASTER.md persistence.

Community
Advanced
angelgarciasolorzanoangelgarciasolorzano

shadcn

Generate design system guidelines for Shadcn UI components with WCAG 2.2 AA compliance.

Community
Advanced
MonichreMonichre

ui-ux-pro-max

Generate design-system documentation with style, color, typography, and UX recommendations.

Community
Advanced