skills.rest
burgebj
burgebjCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generate UI/UX design recommendations for interfaces and design systems.

Updated Jun 16, 2026
Search Tags:#typography#ui#accessibility#frontend#design system#tailwind#ux
One-click install
npx skills add https://github.com/burgebj/claudeoctopus --skill ui-ux-pro-max-burgebj
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/burgebj/claudeoctopus/tree/main/vendors/ui-ux-pro-max-skill/.claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/burgebj/claudeoctopus --skill ui-ux-pro-max-burgebj

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill solves the challenge of creating consistent, professional UI/UX designs by providing structured design intelligence instead of relying on ad hoc styling decisions.

Core Features & Use Cases

  • Design System Generation: Creates recommendations for styles, colors, typography, layouts, landing patterns, and component guidelines across web and mobile projects.
  • UI/UX Search Intelligence: Provides searchable guidance for accessibility, interaction patterns, charts, fonts, and technology-specific implementation practices.
  • Use Case: A developer building a SaaS dashboard can use this Skill to generate a complete design direction, select an appropriate visual style, and apply stack-specific UI recommendations.

Quick Start

Use the ui-ux-pro-max skill to create a responsive SaaS dashboard design system with recommended colors, typography, layout, and implementation guidance.

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

A UI design system for a SaaS dashboard is created by generating structured recommendations for styles, colors, typography, and layouts. This provides professional design intelligence to replace ad hoc styling decisions and ensure visual consistency.

What is the best way to choose typography and color palettes for frontend stacks?▼

Choosing typography and color palettes for frontend stacks is best handled by using searchable design intelligence to generate structured guidelines. This ensures the selected styles align with technology-specific implementation practices and accessibility standards.

Does this UI design guidance cover accessibility and interaction patterns?▼

Yes, the UI design guidance covers accessibility and interaction patterns by providing searchable design intelligence. It includes specific recommendations to ensure interfaces remain accessible and interactions follow professional UX standards.

Can I generate mobile app component guidelines using this design system approach?▼

Yes, you can generate mobile app component guidelines using this design system approach. It applies to both web and mobile projects, offering structured recommendations for layouts, landing patterns, and component behaviors across multiple stacks.

How do I implement Tailwind design recommendations for a landing page?▼

Implementing Tailwind design recommendations for a landing page involves applying the generated stack-specific UI guidelines to your components. The Skill provides technology-specific implementation practices to translate design directions into functional code.

What are the limitations of using generated design intelligence for frontend component design?▼

Generated design intelligence for frontend component design provides structured recommendations rather than direct code execution. Users must manually apply the suggested styles, palettes, and typography guidelines within their own development environment and specific framework setup.

Related Skills

Explore More Design & Creative Skills→
takemo101takemo101

basic-design-writer

Generate foundational system design documents in Japanese with Mermaid diagrams.

Community
Intermediate
dejanvasic85dejanvasic85
1

frontend-design

Generates Tailwind and CSS-based designs and layouts for a given text description, with multiple aesthetic options to choose from.

Community
Basic
89jobrien89jobrien
4

design-docs

Create feature design specs and Architecture Decision Records for system architecture documentation.

Community
Advanced
Ankish8Ankish8

myoperator-design

Generate React/Tailwind UI code using the myOperator design system.

Community
Intermediate