skills.rest
vcntttt
vcnttttCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

ui-ux-pro-max

Generate cohesive design systems and UI guidelines for SaaS dashboards, landing pages, and mobile apps.

1|Updated Sep 11, 2023
Search Tags:#typography#accessibility#ui-ux#design-system#color-palette#ai-guidance
One-click install
npx skills add https://github.com/vcntttt/dotfiles --skill ui-ux-pro-max-vcntttt
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/vcntttt/dotfiles/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/vcntttt/dotfiles --skill ui-ux-pro-max-vcntttt

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

The UI/UX Pro Max Skill provides a centralized, AI-assisted design system and guidelines repository to accelerate UI decision-making and consistency across products.

Core Features & Use Cases

  • Comprehensive design style catalog including 50+ styles, 97 color palettes, 57 font pairings, 99 UX guidelines, and 25 chart types across 9 technology stacks.
  • Search-driven design system generation that synthesizes product type, style, color, typography, and layout into actionable patterns, components, and constraints.
  • Use cases: designing a SaaS dashboard, landing page, or mobile app with consistent UI across pages, while maintaining accessibility and performance best practices.

Quick Start

Use this skill to generate a design system by running the in-tool search for your project type, style, and domain. For example:

  • python3 skills/ui-ux-pro-max/scripts/search.py "<product_type> <industry> <keywords>" --design-system -p "Project Name"

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 cohesive UI design system for a SaaS dashboard?▼

Generate a cohesive UI design system by running a search query for your product type and industry. The skill synthesizes style, color palettes, typography, and layout into actionable patterns, components, and constraints for SaaS dashboards.

Can I create consistent UI guidelines for mobile apps using AI guidance?▼

Yes, AI guidance provides practical UI guidelines for mobile apps. It applies a Master+Override workflow to maintain consistent UI across multiple pages while satisfying accessibility and performance best practices.

What's the best way to choose typography and color palettes for a landing page?▼

Choose typography and color palettes by querying the built-in catalog containing 57 font pairings and 97 color palettes. The search-driven generation matches your landing page requirements to specific style and domain constraints.

Does this design system tool support page-specific overrides?▼

Yes, the tool supports page-specific overrides using a Master+Override design-system workflow. This allows you to extract base patterns while applying custom constraints for individual pages within SaaS dashboards or mobile apps.

How does accessibility factor into the generated UX guidelines?▼

Accessibility is integrated directly into the 99 UX guidelines provided. The generated design system enforces accessibility and performance best practices alongside color, typography, and layout decisions for multi-domain product types.

What technology stacks are covered for chart and component generation?▼

The design system covers 9 technology stacks and includes 25 chart types. It extracts patterns and components compatible with your specified stack to ensure generated UI constraints match your development environment.

Related Skills

Explore More Design & Creative Skills→
koki3141koki3141
2

ui-ux-pro-max

Generate design systems for UI/UX projects using Python scripts.

Community
Advanced
AdemKaoAdemKao

ui-ux

Provide UI/UX design guidance for frontend interfaces covering color, typography, layouts, and accessibility.

Community
Intermediate
nonputtipongnonputtipong

frontend-developer

Develop React components and responsive layouts with Next.js and TypeScript.

Community
Advanced
Nhqvu2005Nhqvu2005
54

ui-ux-pro-max

Generate design systems and search UI/UX data via BM25.

Community
Intermediate