skills.rest
aboudou-cto-bloko
aboudou-cto-blokoCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

ui-ux-pro-max

Generate UI/UX design systems with styles, palettes, and guidelines as MASTER.md.

2|1|Updated Feb 22, 2026
Search Tags:#typography#design#accessibility#ui-ux#design-system#color-palette#ai-guidance
One-click install
npx skills add https://github.com/aboudou-cto-bloko/pixelmart --skill ui-ux-pro-max-aboudou-cto-bloko
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/aboudou-cto-bloko/pixelmart/tree/main/.claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/aboudou-cto-bloko/pixelmart --skill ui-ux-pro-max-aboudou-cto-bloko

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Provides comprehensive, AI-assisted UI/UX design guidance and a ready-to-use design system to accelerate product teams' design processes, ensuring consistency and accessibility.

Core Features & Use Cases

  • 67 styles, 96 color palettes, 57 font pairings, 99 UX guidelines, and 25 chart types across 13 technology stacks.
  • Searchable database with priority-based recommendations.
  • Use cases include designing UI components/pages, selecting color palettes and typography, reviewing code for UX issues, and building landing pages or dashboards; includes practical elements like buttons, modals, navbars, sidebars, cards, tables, forms, and charts.

Quick Start

Ask the AI to generate a complete UI/UX design system tailored to your project.

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 UI/UX design system for my web or mobile project?▼

To generate a UI/UX design system, provide your project details and the AI produces a structured MASTER.md covering color, typography, layout, and component patterns with page overrides.

What color palettes and typography pairings are available for building a design system?▼

The design system guidance includes 96 color palettes and 57 font pairings, allowing you to select combinations that ensure visual consistency and accessibility across your product interfaces.

Can I use this UI/UX guidance to review my existing code for accessibility and component patterns?▼

Yes, you can use the UI/UX guidance to review code for UX issues by applying its 99 UX guidelines and component pattern recommendations for elements like buttons, modals, and charts.

Does the generated design system support multiple technology stacks for frontend development?▼

The generated design system supports multiple stacks, offering component patterns and style recommendations across 13 technology stacks to integrate seamlessly into your existing frontend workflow.

What output formats are supported when exporting the design system recommendations?▼

The design system recommendations support both ASCII and Markdown output formats, ensuring you can easily integrate the structured guidance into your documentation or codebase.

How do I choose the right UX guidelines and chart types for a data dashboard?▼

You can choose dashboard UX guidelines and chart types by querying the searchable database, which provides priority-based recommendations across 99 UX guidelines and 25 chart types.

Related Skills

Explore More Design & Creative Skills→
NoManPlayNoManPlay

ui-ux-pro-max

Generates prioritized UI/UX and accessibility recommendations for web and mobile interfaces.

Community
Advanced
hschnehschne
1

design-principles

Apply named aesthetic philosophies to frontend UI builds and critiques.

Community
Intermediate
0xRayAI0xRayAI

frontend-ui-ux-engineer

Apply UI/UX design principles and WCAG 2.1 AA accessibility guidelines to web interfaces.

Official
Intermediate
superpollo02superpollo02

shadcn

Generate shadcn/ui-inspired component guidance with token-first rules and WCAG 2.2 AA constraints.

Community
Intermediate