skills.rest
anilveersingh1308
anilveersingh1308COMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Build UI/UX design plans for web and mobile products.

Updated May 19, 2026
Search Tags:#accessibility#design system#color palette#product design#responsive layout#ui ux#typography pairing
One-click install
npx skills add https://github.com/anilveersingh1308/copilot-skills --skill ui-ux-pro-max-anilveersingh1308
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/anilveersingh1308/copilot-skills/tree/main/.github/skills/ui-ux-pro-max
Command: npx skills add https://github.com/anilveersingh1308/copilot-skills --skill ui-ux-pro-max-anilveersingh1308

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill removes guesswork from UI/UX decisions by providing structured, prioritized design guidance that helps your interface look professional, feel intuitive, and work well across web and mobile.

Core Features & Use Cases

  • Design intelligence for UI/UX planning: Applies rules for accessibility, touch interaction, performance, layout, typography, navigation, and UX quality control.
  • Cross-stack, product-level recommendations: Covers multiple UI technology stacks and supports design-system style planning, including color palettes, typography pairings, and interaction patterns.
  • Practical review and refactoring support: Guides improvements when UI looks off, when accessibility issues appear, or when you need to align visual consistency and user flows.

Quick Start

Use the ui-ux-pro-max skill when you want the AI to produce a complete UI/UX plan for a new dashboard that includes accessibility checks, responsive layout rules, and a cohesive design system across your target platforms.

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 create a UI design system with consistent typography and color palettes?▼

A UI design system requires structured rules for typography pairing, color semantics, and responsive layouts to ensure visual consistency across web and mobile products by applying prioritized design guidance for components and pages.

What is the best way to plan a responsive layout for React and Next.js dashboards?▼

Planning a responsive layout for React and Next.js dashboards involves applying prioritized rules for accessibility, interaction, and navigation patterns. This structured approach ensures cross-platform visual alignment and usability across different device sizes.

Can I use this UI UX guidance for mobile apps built with SwiftUI and Flutter?▼

Yes, UI UX guidance applies to mobile apps built with SwiftUI, Flutter, and React Native. It provides cross-stack, product-level recommendations covering touch interaction patterns, accessibility checks, and visual alignment for mobile interfaces.

How do I review my web application for accessibility and UX issues?▼

Reviewing web applications for accessibility and UX issues requires applying structured quality control rules across interaction, layout, and navigation patterns. This process identifies usability barriers and generates actionable refactoring guidance for improved compliance.

Does this design planning approach work with Tailwind and shadcn component libraries?▼

Yes, this design planning approach works with Tailwind and shadcn component libraries. It supports design-system style planning including color palettes, typography pairings, and interaction patterns specifically aligned for these UI technology stacks.

Why does my cross-platform UI look inconsistent between web and mobile views?▼

Cross-platform UI looks inconsistent between web and mobile due to misaligned typography, color semantics, and layout rules. Applying structured design guidance ensures visual alignment and consistent interaction patterns across all target platforms.

Related Skills

Explore More Design & Creative Skills→
Kouakou-Christ-AxelKouakou-Christ-Axel

ui-ux-pro-max

Provide UI/UX design guidance across React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, and HTML/CSS.

Community
Advanced
Mysense775Mysense775

ui-ux-pro-max

Generate design systems and React components from natural language descriptions.

Community
Advanced
binan-makerbinan-maker

branding-generator

Generate complete brand identities with naming, color palettes, typography, and guidelines.

Community
Advanced
shirulotshirulot

Color Palette Generator

Generate WCAG-compliant color palettes with contrast ratio calculations.

Community
Intermediate