skills.rest
kirvin
kirvinCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

ui-ux-pro-max

Generate design systems for web and mobile applications across multiple technology stacks.

Updated Apr 3, 2026
Search Tags:#design system#style guide#ux design#ui design#multi-stack
One-click install
npx skills add https://github.com/kirvin/agent-dev-harness --skill ui-ux-pro-max-kirvin
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/kirvin/agent-dev-harness/tree/main/plugins/kf/skills/ui-ux-pro-max
Command: npx skills add https://github.com/kirvin/agent-dev-harness --skill ui-ux-pro-max-kirvin

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill solves the challenge of inconsistent UI/UX design across various platforms and technologies, offering a comprehensive set of guidelines and tools to ensure high-quality and accessible design.

Core Features & Use Cases

  • Comprehensive Design Guidelines: Includes 50+ styles, 161 color palettes, 57 font pairings, and more.
  • Multi-stack Support: Covers 10 technology stacks, including React, Next.js, Vue, Svelte, and others.
  • Automated Design System Generation: Generates a design system based on project requirements.
  • Use Case: For a new e-commerce website, use this Skill to generate a design system tailored to the project's needs, ensuring consistent UI/UX design across all pages and components.

Quick Start

Use the ui-ux-pro-max skill to generate a design system for your project by providing the product type, industry, and style keywords.

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 web and mobile application?▼

To generate a design system for web and mobile applications, provide your product type, industry, and style keywords. The system outputs comprehensive UI/UX guidelines, including color palettes and font pairings, ensuring design consistency and accessibility across platforms.

What is the best way to maintain UI design consistency across multiple technology stacks?▼

Maintaining UI design consistency across multiple technology stacks requires applying a centralized design system with predefined style guidelines. This approach ensures components share uniform visual rules and accessibility standards across different frameworks.

Does this design system generator support React and Vue frameworks?▼

Yes, the design system generator supports React and Vue, along with eight other technology stacks including Next.js and Svelte. It applies tailored UI/UX guidelines to ensure consistent component design across these specific multi-stack environments.

Can I customize the style guide using my own product information and preferences?▼

Yes, you can customize the style guide by inputting your specific product information and style preferences. The generator uses these details to produce a tailored design system, selecting from over 50 styles and 161 color palettes to match your project requirements.

How do I apply generated UX design guidelines to an e-commerce website?▼

To apply generated UX design guidelines to an e-commerce website, use the produced design system specifications during component development. This ensures all pages maintain consistent UI design, accessibility, and visual coherence tailored to the e-commerce use case.

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
AlexbyxdAlexbyxd

ui-ux-pro-max

Generate UI/UX design recommendations with styles, color palettes, and font pairings.

Community
Advanced
parhummparhumm
25

frontend-component-fix

Diagnose frontend UI bugs and generate patch artifacts for React-like components.

Community
Advanced
daudaudinangdaudaudinang

ui-ux-pro-max

Index and retrieve UI/UX design guidance by ranking style guides with a BM25 engine.

Community
Advanced