skills.rest
baotoq
baotoqCOMMUNITY
Explore all skills by this author →
GitHub

design-ui-ux-pro-max

Generate design systems and UI/UX recommendations for web and mobile applications.

Updated Jan 9, 2025
Search Tags:#typography#accessibility#design system#ui/ux#color palette#frontend development#component design
One-click install
npx skills add https://github.com/baotoq/go-shortener --skill design-ui-ux-pro-max
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-ui-ux-pro-max
Source: https://github.com/baotoq/go-shortener/tree/main/.agents/skills/design-ui-ux-pro-max
Command: npx skills add https://github.com/baotoq/go-shortener --skill design-ui-ux-pro-max

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill provides comprehensive UI/UX design guidance, helping users create visually appealing, accessible, and user-friendly interfaces across various platforms and technologies.

Core Features & Use Cases

  • Design System Generation: Creates tailored design systems based on project type, industry, and desired style.
  • UX Best Practices: Offers detailed guidelines on accessibility, interaction, performance, and layout.
  • Stack-Specific Advice: Provides implementation best practices for different frontend stacks like React, Vue, and HTML/Tailwind.
  • Use Case: When designing a new SaaS dashboard, use this Skill to get recommendations on color palettes, typography, layout patterns, and accessibility considerations specific to professional dashboards.

Quick Start

Use the design-ui-ux-pro-max skill to generate a design system for a fintech dashboard.

Frequently Asked Questions about design-ui-ux-pro-max

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate a design system for a web or mobile application?▼

Yes, you can get stack-specific UI/UX advice for frontend development. The skill provides implementation best practices tailored for frameworks like React, Vue, and HTML/Tailwind to ensure responsive interfaces.

What are the best UX practices for ensuring accessibility in component design?▼

The best UX practices for accessibility involve adhering to specific interaction and layout guidelines. This skill offers detailed recommendations to ensure your component design meets professional accessibility standards.

Does python3 need to be installed to use this UI/UX design intelligence?▼

Yes, python3 is a required dependency to run this skill. You need a python3 environment installed to execute the scripts that provide design intelligence and generate your design system recommendations.

Can I get color palette and font pairing recommendations for a SaaS dashboard?▼

Yes, you can get color palette and font pairing recommendations for a SaaS dashboard. The skill analyzes your project context to provide specific typography and color palette guidance for professional dashboards.

Related Skills

Explore More Design & Creative Skills→
BaoNguyen09BaoNguyen09
6

install-mac

Install Node.js and project dependencies on macOS for development.

Community
Intermediate
vonomarapvonomarap

ui-ux-pro-max

Generate UI/UX design systems with palettes, typography, and stack-specific guidelines.

Community
Advanced
frankxaifrankxai
7

ui-ux-pro-max

Generate design systems with color palettes, font pairings, and framework-specific code snippets.

Community
Advanced
jac007xjac007x

design-system-validator

Audit Walmart design-system compliance across tokens, components, and spacing.

Community
Advanced