skills.rest
thnakon
thnakonCOMMUNITY
Explore all skills by this author →
𝕏@ObounwarmGitHub

ui-ux-pro-max

Generate design systems and recommend UI components for web and mobile stacks.

Updated Aug 27, 2026
Search Tags:#mobile design#design system#web design#ui/ux design#ux guidelines
One-click install
npx skills add https://github.com/thnakon/babybib-v2 --skill ui-ux-pro-max-thnakon
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/thnakon/babybib-v2/tree/main/.agents/.claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/thnakon/babybib-v2 --skill ui-ux-pro-max-thnakon

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires python, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill empowers you to quickly and efficiently design web and mobile interfaces across multiple tech stacks without needing extensive design experience.

Core Features & Use Cases

  • Design System Generation: Automatically generates comprehensive design systems with patterns, styles, and color palettes.
  • Component Creation & Refactoring: Provides guidance on creating new UI components and refactoring existing ones.
  • Accessibility & Best Practices: Ensures designs are accessible and follow industry best practices.

Quick Start

Use the ui-ux-pro-max skill to design a new dashboard following best practices.

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 React and Next.js interfaces?▼

To generate a design system for React and Next.js interfaces, this Skill automatically creates comprehensive patterns, styles, and color palettes while adhering to UI/UX best practices. It facilitates design decisions across web and mobile tech stacks.

Can I use this to create accessible mobile UI components?▼

Yes, you can use this to create accessible mobile UI components. It ensures mobile designs are accessible and follow industry best practices by providing specific guidance on component creation and refactoring for various mobile tech stacks.

Do I need Python installed to use the UI/UX design guidance scripts?▼

Yes, you need a Python environment installed to use the UI/UX design guidance scripts. The Skill utilizes reasoning and search scripts that require Python to execute decision-making processes for web and mobile design tasks.

What is the best way to refactor existing Vue and Svelte UI components?▼

The best way to refactor existing Vue and Svelte UI components is by using this Skill's component refactoring guidance. It evaluates your current web design components against generated design systems and recommends improvements based on UX guidelines.

Does this tool support generating color palettes for web design without prior experience?▼

Yes, this tool supports generating color palettes for web design without prior extensive design experience. It empowers you to quickly design interfaces by automatically generating comprehensive design systems with patterns and styles across ten tech stacks.

Related Skills

Explore More Design & Creative Skills→
antoniorv6antoniorv6

ui-ux-pro-max

Generates UI/UX design recommendations for web and mobile interfaces using Python scripts and design system generator.

Community
Advanced
hookvibehookvibe
3

ui-ux-pro-max

Generate UI/UX design systems with color palettes and typography guidelines.

Official
Basic
NolanPicNolanPic

Frontend Accessibility

Enforce WCAG compliance in frontend UI code with semantic HTML and ARIA.

Community
Basic
peerjakobsenpeerjakobsen
6

ui-ux-pro-max

Generate design-system recommendations for web, mobile, and dashboard interfaces.

Community
Advanced