skills.rest
ZiadNagar
ZiadNagarCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

ui-ux-pro-max

Index UI/UX design guidance into a reusable design-system toolkit.

Updated Mar 8, 2026
Search Tags:#typography#accessibility#ui-ux#design-system#color-palette#component-library
One-click install
npx skills add https://github.com/ZiadNagar/zeVillage-AI-Toolkit --skill ui-ux-pro-max-ziadnagar
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/ZiadNagar/zeVillage-AI-Toolkit/tree/main/skills/ui-ux-pro-max
Command: npx skills add https://github.com/ZiadNagar/zeVillage-AI-Toolkit --skill ui-ux-pro-max-ziadnagar

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Streamlines UI/UX design decision-making by providing a reusable, scalable design-system framework across multiple stacks and styles, reducing drift and inefficiency.

Core Features & Use Cases

  • Multi-domain design guidance: style, color, typography, UX guidelines, and patterns for web and mobile apps.
  • Design-system reasoning: generates patterns, color moods, typography, and accessibility considerations.
  • Output-ready formats: ASCII art style box or Markdown exports for documentation and implementation.

Quick Start

Describe your project goals and target platform to generate a tailored 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 scalable UI/UX design system for web and mobile apps?▼

To generate a scalable UI/UX design system, describe your project goals and target platform to receive tailored patterns, color palettes, typography, and accessibility guidelines for web and mobile workflows.

What is design system reasoning and how does it handle accessibility guidelines?▼

Design system reasoning automatically evaluates style requirements to generate matching color moods, typography, and accessibility considerations, ensuring your UI/UX components meet multi-domain compliance standards across different stacks.

Can I export design system documentation into Markdown or ASCII formats?▼

Yes, you can export design system documentation into output-ready ASCII art style boxes or Markdown formats, enabling seamless integration into developer documentation and implementation workflows.

What's the best way to maintain consistency across a multi-domain component library?▼

The best way to maintain consistency across a multi-domain component library is to index UI/UX design guidance into a reusable framework, reducing design drift and inefficiency across multiple stacks and styles.

Does this design system generator support both color palette generation and typography scaling?▼

Yes, this design system generator supports color palette mood generation and typography scaling, providing structured design-system data alongside multi-domain search capabilities for web and mobile platforms.

Why does my UI design system drift across different web stacks and how do I fix it?▼

Your UI design system drifts across web stacks due to unstructured decision-making; you fix it by indexing your design guidance into a reusable, scalable toolkit with built-in reasoning and exportable outputs.

Related Skills

Explore More Design & Creative Skills→
MazenMradMazenMrad
1

gds-performance-test

Generate game performance test plans with benchmarks, memory budgets, and loading targets.

Community
Advanced
coreymaypraycoreymaypray
1

ui-designer

Create token-based UI systems and component libraries for mobile and web projects.

Community
Advanced
semicolon-devteamsemicolon-devteam

generate-mockup

Generate UI mockups from design requirements using the 21st_magic_component_builder.

Official
Advanced
Asymmetric-alAsymmetric-al
1

ui-ux-pro-max

Search UI/UX style guidelines across color, typography, and layout domains.

Official
Advanced