skills.rest
VickyVignesh0913
VickyVignesh0913COMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Identify optimal UI/UX patterns and design system rules for web and mobile interfaces.

Updated Aug 27, 2026
Search Tags:#typography#ui#accessibility#ux#design-system#color-palette
One-click install
npx skills add https://github.com/VickyVignesh0913/Study-OS --skill ui-ux-pro-max-vickyvignesh0913
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/VickyVignesh0913/Study-OS/tree/main/ui-ux-pro-max-skill-main/ui-ux-pro-max-skill-main/.claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/VickyVignesh0913/Study-OS --skill ui-ux-pro-max-vickyvignesh0913

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

UI/UX design planning and guidance across web and mobile ranges; reduces design debt and speeds up production by providing a comprehensive design corpus and actionable rules.

Core Features & Use Cases

  • 50+ styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines, and 25 chart types across 10 tech stacks.
  • Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, and check UI/UX code.
  • Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, and mobile app.
  • Elements: button, modal, navbar, sidebar, card, table, form, and chart.

Quick Start

Provide a starter design system and UI kit for a dashboard.

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 choose a color palette and typography for a web dashboard?▼

Apply predefined design system rules to select your color palette and typography. This UI/UX design intelligence resource provides 161 color palettes and 57 font pairings optimized for web and mobile interfaces, including dashboards.

What UX guidelines should I follow for mobile app accessibility?▼

Apply established UX guidelines to ensure mobile app accessibility and reduce design debt. This skill provides 99 specific UX guidelines covering accessibility, responsive layouts, and design system rules across mobile interfaces.

Can I use this to build a complete UI kit for a SaaS product?▼

Yes, you can build a complete UI kit for a SaaS product. It generates actionable rules and optimal patterns for essential elements like buttons, modals, sidebars, and tables across 161 product types and 10 tech stacks.

What's the best way to plan a design system for multiple tech stacks?▼

Plan a multi-stack design system using a comprehensive corpus with actionable rules. This approach covers 50+ styles and 25 chart types across 10 stacks to accelerate interface design and reduce production design debt.

Does this UI/UX design skill work with e-commerce and admin panel layouts?▼

Yes, it works with e-commerce and admin panel layouts. The design intelligence identifies optimal UI/UX patterns and applies design system rules across 161 product types, including websites, e-commerce sites, and admin panels.

How do I refactor and improve existing UI components like forms and charts?▼

Refactor and improve UI components by applying actionable design system rules and optimal UX patterns. You can review, fix, and enhance elements like forms and charts using the 99 UX guidelines and 25 chart types provided.

Related Skills

Explore More Design & Creative Skills→
ydnikolaevydnikolaev
8

idea-interview

Extract project information through structured stakeholder interviews into a discovery brief.

Community
Advanced
tyronerosstyroneross
1

mobile-web-ui

Enforce responsive design and touch target accessibility for mobile web interfaces.

Community
Intermediate
bejranondabejranonda
27

gui-design-principles

Define GUI design principles covering layout, typography, color, accessibility, and responsive design.

Community
Basic
GenEducationGenEducation

ui-ux-pro-max

Generates UI/UX recommendations for web and mobile interfaces including accessibility review and responsive layout.

Official
Advanced