skills.rest
daichan132
daichan132COMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generate design systems with tokens, typography, and patterns across technology stacks.

34|Updated Oct 30, 2023
Search Tags:#design#ui#accessibility#generator#ux#design-system#multistack
One-click install
npx skills add https://github.com/daichan132/Youtube-Live-Chat-Fullscreen --skill ui-ux-pro-max-daichan132
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/daichan132/Youtube-Live-Chat-Fullscreen/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/daichan132/Youtube-Live-Chat-Fullscreen --skill ui-ux-pro-max-daichan132

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

UI/UX teams often struggle to establish consistent design systems and scalable guidelines across multiple stacks, slowing product delivery and increasing the risk of inconsistency.

Core Features & Use Cases

  • 50+ design styles, 21 color palettes, 50 font pairings, 20 chart types across 9 technology stacks.
  • Use cases include building dashboards, landing pages, admin panels, e-commerce apps, and SaaS products; generating design tokens, color schemes, typography combos, and component patterns.
  • Real-world example: a team uses this toolkit to rapidly assemble a cohesive design system for a new SaaS dashboard, including color tokens, typography, and button styles that meet accessibility guidelines.

Quick Start

Describe your project goals and run the design-system generator to produce a complete design system.

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

You can generate a cohesive design system by describing your project goals and running the design-system generator, which outputs color schemes, typography, and component patterns across 9 technology stacks.

What is the best way to ensure UI accessibility when generating color palettes?▼

Ensuring UI accessibility during color palette generation involves applying built-in accessibility considerations to your color tokens and patterns to meet standard guidelines.

Can I use this UI/UX guidance tool for both web and mobile interfaces?▼

Yes, this UI/UX guidance tool supports both web and mobile interfaces by providing layout guidance, pattern selection, and design tokens applicable across multiple platforms.

How do I create typography pairings for different technology stacks?▼

You create typography pairings for different technology stacks by selecting from 50 included font pairings tailored for multi-stack environments to ensure scalable design-system artifacts.

Does the design-system generator support persistence for token overrides?▼

Yes, the design-system generator supports optional persistence to Master and Page overrides, allowing you to maintain and apply consistent design tokens across your projects.

Related Skills

Explore More Design & Creative Skills→
stevengonsalvezstevengonsalvez

teach-impeccable

Gather design context from a repository and persist it to AI configuration.

Community
Intermediate
launchapp-devlaunchapp-dev
38

interface-design

Define typography, color tokens, spacing, and navigation for dashboard interfaces.

Official
Advanced
Bigme2020Bigme2020

ui-ux-pro-max

Generate design systems with styles, color palettes, and font pairings.

Community
Advanced
abrahamgreysonabrahamgreyson

gsd:reference:ui-brand

Apply UI and branding guidelines to GSD projects.

Community
Intermediate