skills.rest
VoTruongDanh
VoTruongDanhCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

ui-ux-pro-max

Generate UI/UX design guidance and implementation support for web and mobile projects.

Updated Jan 15, 2026
Search Tags:#typography#ui#style#framework#responsive#color#ux
One-click install
npx skills add https://github.com/VoTruongDanh/Sentiment --skill ui-ux-pro-max-votruongdanh
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/VoTruongDanh/Sentiment/tree/main/.agent/skills/ui-ux-pro-max
Command: npx skills add https://github.com/VoTruongDanh/Sentiment --skill ui-ux-pro-max-votruongdanh

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

Designers and developers struggle to efficiently create consistent and modern UI/UX designs across multiple styles and frameworks, leading to inconsistent visual quality and increased development time.

Core Features & Use Cases

  • Design Guidance: Provides style recommendations, color palettes, font pairings, and layout best practices for various projects.
  • Implementation Support: Assists in planning, building, reviewing, and optimizing UI/UX elements across popular stacks like React, Vue, Svelte, and Tailwind.
  • Use Case: A developer planning a responsive SaaS dashboard can leverage the skill to select appropriate styles, fonts, and component structures to ensure a professional look and feel.

Quick Start

Describe your project requirements and style preferences to get tailored UI/UX design suggestions.

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 consistent UI/UX designs across multiple front-end frameworks?▼

Creating consistent UI/UX designs across multiple frameworks involves using tailored style recommendations, font pairings, and layout best practices for React, Vue, Svelte, and Tailwind to ensure visually appealing interfaces.

What's the best way to choose typography and color palettes for a responsive web project?▼

The best way to choose typography and color palettes for a responsive web project is to leverage design guidance that provides style recommendations and font pairings, ensuring your visual elements remain consistent and accessible across platforms.

Does this UI/UX design guidance work with Svelte and Tailwind?▼

Yes, this UI/UX design guidance works with Svelte and Tailwind. It assists in planning, building, reviewing, and optimizing UI/UX elements across popular stacks including React, Vue, Svelte, and Tailwind for modern web and mobile projects.

How do I plan and build a responsive SaaS dashboard with modern UI components?▼

To plan and build a responsive SaaS dashboard with modern UI components, describe your project requirements and style preferences to receive tailored suggestions for appropriate styles, fonts, and component structures.

Can I get AI-powered design recommendations for mobile interfaces?▼

Yes, you can get AI-powered design recommendations for mobile interfaces. The skill provides style recommendations and layout best practices to ensure your mobile interfaces are visually appealing, accessible, and platform-optimized.

Related Skills

Explore More Design & Creative Skills→
tachyon-beeptachyon-beep
14

using-ux-designer

Route UX tasks to appropriate design skills using task and platform context.

Community
Basic
sirius-cc-wusirius-cc-wu
3

dioxus-ui-skill

Aggregate Dioxus component guidelines, color palettes, typography, and accessibility into a design system.

Community
Intermediate
atovkatovk

component-builder

Generate UI component code for React, Vue, and Svelte frameworks.

Community
Basic
roderikroderik
2

rams

Analyze UI components for WCAG accessibility and visual design issues.

Community
Basic