skills.rest
netprtony
netprtonyCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generate UI/UX design guidance and pattern recommendations for web and mobile interfaces.

Updated Feb 4, 2026
Search Tags:#typography#accessibility#nextjs#ui-ux#design-system#pattern-library#color-palette
One-click install
npx skills add https://github.com/netprtony/web-7nhan-cooking --skill ui-ux-pro-max-netprtony
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/netprtony/web-7nhan-cooking/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/netprtony/web-7nhan-cooking --skill ui-ux-pro-max-netprtony

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill provides AI-assisted UI/UX design guidance and scalable design-system patterns to accelerate design work, reduce inconsistencies, and improve accessibility across projects.

Core Features & Use Cases

  • Comprehensive design guidance across multiple stacks and platforms
  • Pattern library for components like button, navbar, modal, card, form, chart
  • Color palettes and typography recommendations
  • Accessibility and UX best-practices embedded in the workflow
  • Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, mobile app

Quick Start

Run the internal design system generator using your keywords, for example: python3 skills/ui-ux-pro-max/scripts/search.py "ecommerce dashboard" --design-system -p "Project Name"

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 build a consistent design system across React and Next.js projects?▼

Design systems enforce consistency by centralizing component patterns, typography, and color rules. This Skill generates design-system specifications with 50+ styles, 21 color palettes, and 50 font pairings tailored to React, Next.js, Vue, Svelte, and other stacks, then exports reproducible rules via Python script for global and page-specific application.

Can I use AI-powered design guidance to improve accessibility in my dashboard?▼

Yes. This Skill embeds accessibility and UX best-practices into design recommendations for dashboards, admin panels, and e-commerce interfaces. It analyzes your project type and technology stack, then delivers pattern library guidance covering buttons, forms, charts, and modals with accessibility compliance baked in.

What's the fastest way to get typography and color palette recommendations for a landing page?▼

Run the internal design-system generator with your project keywords: `python3 skills/ui-ux-pro-max/scripts/search.py "landing page" --design-system`. It instantly returns curated typography pairings, color palettes, and component patterns matched to your use case without manual design work.

Does this Skill support mobile app design patterns for React Native and Flutter?▼

Yes. The Skill covers 9 technology stacks including React Native, Flutter, and SwiftUI alongside web frameworks. It provides mobile-specific component patterns, layout guidance, and design system rules that adapt to touch interfaces and mobile constraints.

How do I apply design patterns consistently across shadcn/ui and Tailwind components?▼

The Skill delivers a pattern library with 20+ component types (button, navbar, modal, card, form, chart) and stores design rules—styles, colors, typography—as persistent global and page-specific configurations. Export these rules via the Python script, then apply them uniformly to shadcn/ui and Tailwind implementations.

Can I use this for SaaS product and e-commerce design guidance simultaneously?▼

Yes. The Skill supports 9 project types including SaaS, e-commerce, portfolio, and admin panels. Run separate searches for each context, and the generator produces distinct design systems—color palettes, typography, and component recommendations—tailored to each domain's UX patterns.

Related Skills

Explore More Design & Creative Skills→
luiztrilhaluiztrilha

ui-ux-pro-max

Generate design systems with color palettes, typography, and UX guidelines.

Community
Advanced
marcosgcr3marcosgcr3

ui-styling

Create accessible React interfaces with shadcn/ui and Tailwind CSS.

Community
Advanced
wpgauravwpgaurav
14

frontend-css-patterns

Provide framework-agnostic CSS patterns for typography, color, motion, and layout.

Community
Intermediate
roderikroderik
2

sharp-edges

Analyze API surfaces and configuration schemas to detect misuse-prone designs.

Community
Basic