skills.rest
nicolas-deyros
nicolas-deyrosCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

ui-ux-pro-max

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

Updated Jul 15, 2025
Search Tags:#typography#design#accessibility#design-system#color-palette#uiux
One-click install
npx skills add https://github.com/nicolas-deyros/astro-portfolio-v2 --skill ui-ux-pro-max-nicolas-deyros
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/nicolas-deyros/astro-portfolio-v2/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/nicolas-deyros/astro-portfolio-v2 --skill ui-ux-pro-max-nicolas-deyros

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Creates comprehensive UI/UX design guidelines and a searchable knowledge base to speed up design decisions and ensure consistency across products.

Core Features & Use Cases

  • 50+ styles, 97 color palettes, 57 font pairings, 99 UX guidelines, and 25 chart types across 9 tech stacks for rapid design exploration.
  • Searchable design system with domain-specific prompts to tailor patterns, typography, color, and components to product type and branding.
  • Use cases include building dashboards, landing pages, admin panels, e-commerce storefronts, portfolios, and mobile apps with consistent UX.

Quick Start

Provide a complete design system and UX guidelines tailored to a given product type and stack.

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

To create a UI design system for a dashboard, define consistent color palettes, typography pairings, and responsive components tailored to your tech stack. This ensures scalable UX across web and mobile platforms.

What is the best way to choose typography and color palettes for a design system?▼

Choosing typography and color palettes for a design system involves matching style families to your product type and branding. Exploring 97 color palettes and 57 font pairings ensures accessible and consistent UI.

Can I apply these UX guidelines to e-commerce sites and mobile apps?▼

Yes, you can apply these UX guidelines to e-commerce sites and mobile apps by tailoring domain-specific patterns and components to your product type, ensuring consistent responsive behavior across platforms.

How do I ensure accessibility in my UI components?▼

To ensure accessibility in UI components, apply the 99 built-in UX guidelines covering responsive behavior and accessible design patterns tailored to your specific product type and branding requirements.

Does this design system support multiple tech stacks for admin panels?▼

Yes, this design system supports admin panels across 9 tech stacks, providing 25 chart types and responsive components to ensure scalable and consistent UX tailored to your development environment.

Why do I need a design system for my landing page?▼

You need a design system for your landing page to speed up design decisions and ensure visual consistency. Applying tailored style families, typography, and color palettes maintains a unified UX.

Related Skills

Explore More Design & Creative Skills→
tunneleventunneleven

c4flow:infra

Generate Infrastructure as Code configurations from a tech-stack.md file.

Community
Basic
AgentWorkforceAgentWorkforce
790

frontend-design

Create production-grade React landing pages with accessible markup and responsive layouts.

Official
Advanced
Bigme2020Bigme2020

ui-ux-pro-max

Generate design systems with styles, color palettes, and font pairings.

Community
Advanced
chicogongchicogong

ui-ux-pro-max

Generate UI/UX design plans from a searchable BM25 knowledge base.

Community
Advanced