skills.rest
MediaAskeyDOJO
MediaAskeyDOJOCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generate design systems with styles, color palettes, typography, and UX guidelines.

Updated Aug 23, 2026
Search Tags:#typography#accessibility#design system#ui/ux#color palette#component library#frontend development
One-click install
npx skills add https://github.com/MediaAskeyDOJO/sakuteki-site --skill ui-ux-pro-max-mediaaskeydojo
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/MediaAskeyDOJO/sakuteki-site/tree/main/.skills/source/ui-ux-pro-max
Command: npx skills add https://github.com/MediaAskeyDOJO/sakuteki-site --skill ui-ux-pro-max-mediaaskeydojo

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill provides comprehensive UI/UX design intelligence, offering guidance on styles, color palettes, typography, and best practices to create professional and user-friendly interfaces for web and mobile applications.

Core Features & Use Cases

  • Design System Generation: Automatically generates a complete design system based on project requirements.
  • Component & Style Recommendations: Offers suggestions for UI elements, styles, color schemes, and font pairings.
  • UX Best Practices: Enforces accessibility, performance, and interaction guidelines.
  • Use Case: When building a new SaaS dashboard, use this Skill to get a complete design system, including recommended styles (e.g., "Minimalism"), color palettes, font pairings, and essential UX guidelines for accessibility and responsiveness.

Quick Start

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

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 generate a complete design system for a web or mobile application?▼

Generate a complete design system by defining project requirements to automatically receive UI styles, color palettes, typography, and UX best practices. This provides foundational design intelligence for consistent web and mobile interfaces.

What's the best way to ensure my UI components follow accessibility and UX best practices?▼

Ensure UI components follow accessibility and UX best practices by applying enforced guidelines for interaction, performance, and responsiveness. This prevents usability barriers and guarantees interfaces meet professional standards.

Can I get font pairings and color palette recommendations for a specific frontend project type?▼

Yes, you can get font pairings and color palette recommendations for specific frontend project types. Supplying project details like a SaaS dashboard or mobile app yields tailored component styles and visual schemes.

How do I refactor existing UI/UX code to improve visual design and component structure?▼

Refactor existing UI/UX code to improve visual design by applying stack-specific implementation guidelines. This enhances and optimizes component structures while aligning the codebase with current design system standards.

Does this UI/UX design intelligence work for both web and mobile platforms?▼

Yes, this UI/UX design intelligence supports both web and mobile application platforms. It provides stack-specific guidelines, component libraries, and responsive best practices tailored to your target environment.

Related Skills

Explore More Design & Creative Skills→
vikingokftvikingokft

stitch::extract-design-md

Extract a Stitch-compatible DESIGN.md from frontend source code.

Official
Intermediate
PickleSodaPickleSoda

frontend-design

Generate custom frontend interfaces with unique typography, color, and motion.

Community
Advanced
OzeroHAXOzeroHAX
32

coder-frontend-design

Define frontend design tokens, typography, color, layout, and accessibility standards.

Community
Intermediate
Sir-chawakornSir-chawakorn
33

vision-to-code

Convert UI screenshots and design mockups into HTML, CSS, and React components.

Community
Intermediate