skills.rest
dheerkt
dheerktCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

ui-ux-pro-max

Generate UI/UX design systems with typography, color, layout, and accessibility guidelines.

Updated Nov 2, 2025
Search Tags:#typography#accessibility#guidelines#ui-ux#design-system#color-palettes#multistack
One-click install
npx skills add https://github.com/dheerkt/dotfiles --skill ui-ux-pro-max-dheerkt
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/dheerkt/dotfiles/tree/main/opencode-work/skill/ui-ux-pro-max
Command: npx skills add https://github.com/dheerkt/dotfiles --skill ui-ux-pro-max-dheerkt

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Designers and developers struggle to create cohesive UI/UX systems across multiple stacks and styles. This Skill consolidates guidance into a scalable design system framework.

Core Features & Use Cases

  • 50+ styles, 21 palettes, 57 font pairings, 99 UX guidelines, and 25 chart types across 9 stacks
  • Searchable, prioritized recommendations to accelerate design decisions for websites, dashboards, mobile apps
  • Page-ready design system outputs with both ASCII box and Markdown formats, plus persistence to Master/Override files

Quick Start

Provide a project brief and target stacks to generate 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 comprehensive UI/UX design system from existing style guides?▼

Generate a UI/UX design system by submitting a project brief and target stacks. The system outputs actionable typography, color, layout, accessibility, and interaction guidance across 9 supported stacks.

Can I create design systems for both mobile apps and web dashboards across multiple tech stacks?▼

Yes, you can apply generated design systems to websites, dashboards, and mobile apps. The system supports multi-stack design intelligence across 9 stacks with consistent typography, color palettes, and interaction guidelines.

What's the best way to plan typography and color palettes for a new design system?▼

Plan typography and color palettes by leveraging searchable prioritized recommendations. The system provides 21 color palettes and 57 font pairings, accelerating design decisions for your specific project requirements.

Does the design system output support persistence and page-level overrides?▼

Yes, the design system supports persistence with Master and page-specific override files. This allows you to maintain a global design baseline while customizing individual page layouts and interactions as needed.

How do I export design system outputs for developer documentation?▼

Export design system outputs using ASCII box or Markdown formats. These page-ready formats allow you to easily integrate the generated typography, color, and layout guidelines into developer documentation and project files.

Are accessibility guidelines included when generating a UI/UX design system?▼

Yes, accessibility guidelines are integrated into the generated design system. The system consolidates 99 UX guidelines to ensure your websites, dashboards, and mobile apps meet functional accessibility requirements.

Related Skills

Explore More Design & Creative Skills→
mewomewoliumewomewoliu
1

design-taste

Apply a defined aesthetic direction across critique, spec, code, and variant workflows.

Community
Advanced
chriswesttchriswestt

ui-ux-pro-max

Generate comprehensive UI/UX design systems from cross-domain inputs.

Community
Advanced
semaes111semaes111

ui-ux-pro-max

Generates UI/UX design systems with ASCII box and Markdown outputs.

Community
Advanced
HCMUTE-RTICHCMUTE-RTIC

ui-ux-pro-max

Generate design systems with style, color, typography, and stack-specific guidelines.

Official
Advanced