skills.rest
FernaandoJr
FernaandoJrCOMMUNITY
Explore all skills by this author →
Website𝕏@fernaandojrdevGitHub

ui-ux-pro-max

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

Updated Sep 8, 2025
Search Tags:#accessibility#react#design system#ui/ux#component library#frontend development#tailwind
One-click install
npx skills add https://github.com/FernaandoJr/oikwee --skill ui-ux-pro-max-fernaandojr
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/FernaandoJr/oikwee/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/FernaandoJr/oikwee --skill ui-ux-pro-max-fernaandojr

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill 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, user-friendly, and accessible interfaces across various technology stacks.

Core Features & Use Cases

  • Design System Generation: Creates detailed design systems including styles, palettes, typography, and UX guidelines.
  • Stack-Specific Recommendations: Offers best practices for HTML/Tailwind, React, Next.js, Vue, and more.
  • Use Case: A developer needs to design a professional-looking SaaS dashboard. They can use this Skill to generate a complete design system, including color palettes, font pairings, and accessibility checks, tailored for a Next.js application.

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 complete design system for a React or Next.js SaaS dashboard?▼

Generate a design system by specifying your stack like React or Next.js to receive tailored recommendations including 97 color palettes, 57 font pairings, and 99 UX guidelines. This provides a comprehensive visual and functional foundation for web applications.

What's the best way to ensure UI/UX accessibility when building frontend components?▼

Ensure accessibility by applying the 99 built-in UX guidelines and searchable databases during the design and review phases. This helps create user-friendly interfaces while identifying and resolving accessibility issues for web and mobile applications.

Can I get UI design recommendations specifically for Tailwind CSS?▼

Yes, you can get Tailwind CSS design recommendations as it is one of the 9 supported technology stacks. The system provides stack-specific best practices for HTML/Tailwind, ensuring actionable design and code implementation guidance.

Does this design intelligence tool support Vue and mobile application frameworks?▼

Yes, the design intelligence tool supports Vue and provides comprehensive UI/UX guidance for both web and mobile applications. It offers best practices across 9 technology stacks to create visually appealing interfaces.

Related Skills

Explore More Design & Creative Skills→
loonghaoloonghao
44

ui-ux-pro-max

Generate design systems with color palettes, font pairings, and stack-specific guidelines.

Community
Advanced
VYRE-StudiosVYRE-Studios

frontend-design

Design responsive, accessible UI components with semantic HTML and WCAG AA compliance.

Official
Intermediate
ivanyeorsivanyeors

frontend-development

Translate Figma designs into TypeScript frontend code with design tokens.

Community
Advanced
AlexbyxdAlexbyxd

ui-ux-pro-max

Generate UI/UX design recommendations with styles, color palettes, and font pairings.

Community
Advanced