skills.rest
nuitsjp
nuitsjpCOMMUNITY
Explore all skills by this author →
Website𝕏@nuits_jpGitHub

ui-ux-pro-max

Generate design systems and review UX issues for web and mobile applications.

1|Updated Feb 7, 2026
Search Tags:#typography#ui#accessibility#design system#color palette#component design#ux
One-click install
npx skills add https://github.com/nuitsjp/teams-board --skill ui-ux-pro-max-nuitsjp
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/nuitsjp/teams-board/tree/main/.rulesync/skills/ui-ux-pro-max
Command: npx skills add https://github.com/nuitsjp/teams-board --skill ui-ux-pro-max-nuitsjp

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 UX best practices to create professional and user-friendly interfaces.

Core Features & Use Cases

  • Design System Generation: Create detailed design systems tailored to specific product types and industries.
  • UX Best Practices: Ensure adherence to critical UX guidelines for accessibility, interaction, and performance.
  • Use Case: When designing a new SaaS dashboard, use this Skill to generate a complete design system, including color schemes, font pairings, and layout recommendations, ensuring a consistent and high-quality user experience.

Quick Start

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

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 design system for a web dashboard?▼

Generate a dashboard design system by defining product types and industries, which produces color schemes, 57 font pairings, and layout recommendations. This ensures a consistent user experience across web applications.

What UX guidelines should I follow for mobile app accessibility?▼

Mobile app accessibility requires adhering to 99 UX guidelines covering interaction, performance, and critical accessibility standards. Reviewing UX issues against these best practices ensures professional interfaces.

Can I use this to find color palettes and font pairings for a SaaS product?▼

Yes, you can find suitable color palettes and font pairings for a SaaS product. It offers 97 color palettes and 57 font pairings tailored to specific product types and industries.

Does this design guidance support specific technology stacks?▼

Design guidance supports implementation across 9 technology stacks. This allows you to apply component design and layout recommendations directly within your existing development environment.

What's the best way to choose chart types for data visualization?▼

The best way to choose chart types for data visualization is by referencing its 25 supported chart types. This ensures your dashboards display data accurately and follow established design intelligence.

How do I style UI components for different visual styles?▼

Style UI components by selecting from over 50 style guidelines to match your target aesthetic. This facilitates consistent component design and comprehensive design system generation across projects.

Related Skills

Explore More Design & Creative Skills→
takemo101takemo101

basic-design-writer

Generate foundational system design documents in Japanese with Mermaid diagrams.

Community
Intermediate
dev-mirzabicerdev-mirzabicer

frontend-ui-ux

Translate design briefs into production-ready frontend UI components.

Community
Advanced
nawab69nawab69

frontend-design

Generate frontend interfaces with HTML/CSS/JS, React, or Vue from user requirements.

Community
Advanced
melandlabsmelandlabs
909

ui-ux-pro-max

Generate design systems for web and mobile applications.

Official
Advanced