skills.rest
ThierryN
ThierryNCOMMUNITY
Explore all skills by this author →
𝕏@ThierryNakoaGitHub

ui-ux-pro-max

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

77|19|Updated Mar 2, 2026
Search Tags:#typography#accessibility#design system#ui/ux#style guide#color palette#frontend development
One-click install
npx skills add https://github.com/ThierryN/fire-flow --skill ui-ux-pro-max-thierryn
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/ThierryN/fire-flow/tree/main/skills-library/ui-ux-pro-max
Command: npx skills add https://github.com/ThierryN/fire-flow --skill ui-ux-pro-max-thierryn

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill addresses inconsistencies and quality issues in UI/UX design by providing a comprehensive, prioritized set of guidelines and best practices across various domains and technology stacks.

Core Features & Use Cases

  • Design System Generation: Creates tailored design systems based on project type, industry, and keywords.
  • Style & Color Recommendations: Offers guidance on aesthetics, color palettes, and typography.
  • UX Best Practices: Enforces critical accessibility, interaction, and performance standards.
  • Stack-Specific Implementation: Provides tailored advice for different frontend technologies (React, Vue, Tailwind, etc.).
  • Use Case: When starting a new SaaS dashboard, use this Skill to generate a complete design system, including color palettes, typography, and component styles, ensuring a professional and consistent user experience from the outset.

Quick Start

Use the ui-ux-pro-max skill to generate a design system for a 'fintech mobile app' with the style 'minimalist dark mode'.

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 new SaaS dashboard?▼

To generate a design system for a SaaS dashboard, define the project type, industry, and keywords. The system produces tailored color palettes, typography rules, and component styles, ensuring a consistent user experience from the outset.

What is the best way to enforce accessibility and UX best practices in frontend development?▼

Enforcing accessibility and UX best practices requires applying prioritized guidelines across interaction and performance standards. This approach integrates critical accessibility checks directly into the design system to resolve quality issues.

Can I use this tool to get UI/UX implementation advice for React and Vue?▼

Yes, you can get UI/UX implementation advice for React and Vue. It provides stack-specific implementation guidance for various frontend technologies, including HTML/Tailwind, ensuring tailored recommendations for your framework.

How do I create a minimalist dark mode style guide for a fintech mobile app?▼

To create a minimalist dark mode style guide for a fintech mobile app, input the project type and desired aesthetic. The tool outputs comprehensive style and color recommendations tailored to those specific parameters.

Does the generated design system support overrides for individual page-specific styles?▼

Yes, the generated design system supports overrides for individual page-specific styles. It features persistence capabilities for master styles while allowing page-specific overrides to maintain flexibility across different product sections.

Related Skills

Explore More Design & Creative Skills→
hzm0321hzm0321
1.6k

ui-ux-pro-max

Generate UI/UX design systems with stack-specific implementation guidelines.

Community
Advanced
heyzudeheyzude
4

frontend-design

Generate distinctive frontend interfaces with HTML, CSS, JavaScript, React, or Vue.

Community
Advanced
yourtooolsyourtoools

design-taste-frontend

Enforces UI/UX standards for React and Tailwind frontend projects.

Official
Advanced
suriyelsuriyel
178

long-task-ucd

Generate a UI Component Design style guide from an approved SRS document.

Community
Advanced