skills.rest
giosuetedeschi-spec
giosuetedeschi-specCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generate design systems and accessibility guidelines for web and mobile applications.

Updated Jan 12, 2026
Search Tags:#ui#accessibility#frontend#design system#tailwind#ux
One-click install
npx skills add https://github.com/giosuetedeschi-spec/bobu-website --skill ui-ux-pro-max-giosuetedeschi-spec
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/giosuetedeschi-spec/bobu-website/tree/main/.claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/giosuetedeschi-spec/bobu-website --skill ui-ux-pro-max-giosuetedeschi-spec

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This skill solves the challenge of maintaining design consistency and accessibility standards across diverse technology stacks by providing a centralized, searchable database of UI/UX guidelines and design systems.

Core Features & Use Cases

  • Design System Generation: Automatically generates comprehensive design systems including color palettes, typography, and layout patterns based on project type.
  • Domain-Specific Search: Provides instant access to UX best practices, accessibility guidelines, and stack-specific implementation patterns.
  • Use Case: When building a new SaaS dashboard, use this skill to generate a complete design system that ensures your color choices, typography, and component interactions meet professional accessibility and performance standards.

Quick Start

Use the ui-ux-pro-max skill to generate a design system for a new fintech dashboard 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 design system for a new web application?▼

To generate a design system, you provide your project type and the skill outputs comprehensive color palettes, typography rules, and layout patterns. It uses BM25-based search to deliver prioritized recommendations for interaction patterns and accessibility guidelines.

Can I get UX best practices for Tailwind and frontend projects?▼

Yes, you can get UX best practices for Tailwind and frontend projects. The skill provides domain-specific search to deliver stack-specific implementation patterns and interaction guidelines for web and mobile applications.

Does this design system tool work with multiple technology stacks?▼

Yes, this design system tool works with multiple technology stacks. It provides centralized UI/UX guidelines and implementation patterns to maintain design consistency across diverse frontend environments without stack-specific limitations.

What's the best way to maintain UI consistency across a SaaS dashboard?▼

The best way to maintain UI consistency across a SaaS dashboard is to generate a centralized design system. This skill outputs standardized color choices, typography, and component interactions to ensure professional accessibility and performance.

Why do I need a centralized database for UI/UX guidelines?▼

You need a centralized database for UI/UX guidelines to solve the challenge of maintaining design consistency and accessibility standards across diverse technology stacks. It provides searchable, prioritized recommendations for color, typography, and layout.

Related Skills

Explore More Design & Creative Skills→
ayushrathore1ayushrathore1

UI/UX Pro Max

Generate UI/UX design systems with stack-specific implementation guidelines.

Community
Advanced
lucking7lucking7

frontend-design

Guides layout, typography, color, and accessibility for frontend interfaces.

Community
Basic
ProjectEuropaProjectEuropa
4

tailwind-patterns

Create CSS-first Tailwind v4 design systems with @theme blocks and container queries.

Community
Intermediate
akashic-devkitakashic-devkit
2

web-design-guidelines

Review UI code for compliance with Web Interface Guidelines.

Official
Intermediate