skills.rest
Veloxia-agency
Veloxia-agencyCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generate UI and UX design guidance for web and mobile interfaces.

Updated Apr 24, 2026
Search Tags:#typography#accessibility#ui-ux#design-system#interaction-design#color-palettes#responsive-layout
One-click install
npx skills add https://github.com/Veloxia-agency/VELOXIA-WEB --skill ui-ux-pro-max-veloxia-agency
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/Veloxia-agency/VELOXIA-WEB/tree/main/.claude/skills/ui-ux-pro-max/.claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/Veloxia-agency/VELOXIA-WEB --skill ui-ux-pro-max-veloxia-agency

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill helps teams make strong UI and UX decisions quickly by turning vague product ideas into clear, production-ready design guidance.

Core Features & Use Cases

  • Interface Planning: Define layouts, hierarchy, navigation, and page structure for landing pages, dashboards, admin panels, SaaS products, and mobile apps.
  • Visual System Guidance: Recommend styles, color palettes, typography pairings, spacing systems, effects, and dark-mode direction that fit the product and platform.
  • Quality Review: Audit existing interfaces for accessibility, responsiveness, interaction clarity, form usability, chart readability, and overall polish.
  • Example Use Case: If a React Native app feels generic or hard to use, this Skill can identify the UI issues, recommend a better design direction, and specify the components and patterns to improve it.

Quick Start

Ask the skill to review your interface or product idea and return a complete UI/UX plan with style, layout, accessibility, and interaction recommendations.

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 plan a responsive layout and navigation structure for a web dashboard?▼

To plan a responsive layout for a web dashboard, define page structure, hierarchy, and navigation using design-system-first reasoning. This approach ensures visual consistency and proper interaction clarity across modern frontend stacks.

What is design-system-first reasoning for UI and UX decisions?▼

Design-system-first reasoning for UI and UX decisions prioritizes accessibility, touch interaction, performance, typography, and visual consistency before recommending styles, color palettes, and spacing systems for web and mobile interfaces.

Can I audit existing mobile app interfaces for accessibility and interaction clarity?▼

Yes, you can audit existing mobile app interfaces for accessibility, responsiveness, and interaction clarity. The review identifies UI issues and recommends better design directions, specifying components and patterns to improve overall polish and form usability.

How do I select color palettes and typography pairings that fit a SaaS product?▼

Select color palettes and typography pairings for a SaaS product by evaluating the platform context and applying design-system-first reasoning. This ensures the chosen visual system, effects, and dark-mode direction fit the product requirements.

Does UI UX design guidance work for refining charts and forms in modern frontend stacks?▼

Yes, UI UX design guidance works for refining charts and forms in modern frontend stacks. It provides specific recommendations to improve chart readability, form usability, and touch interaction for both web and mobile interfaces.

Related Skills

Explore More Design & Creative Skills→
tomada1114tomada1114
4

designing-wireframes

Design ASCII wireframes and UX flows from detailed requirements.

Community
Basic
dirnbauerdirnbauer
33

frontend-design

Design frontend interfaces with typography, color palettes, motion, and CSS/HTML examples.

Community
Basic
Dzakiamriz22Dzakiamriz22
1

tailwind-layout

Generate responsive TailwindCSS layouts using Flexbox and Grid utilities.

Community
Intermediate
binods1313binods1313

ui-ux-pro-max

Retrieve design-system guidance for web and mobile stacks.

Community
Advanced