skills.rest
Dijnie
DijnieCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

ui-ux-pro-max

Generate UI/UX design guidance and components across multiple tech stacks.

Updated Aug 23, 2026
Search Tags:#typography#design#charts#color#ui-ux#palette
One-click install
npx skills add https://github.com/Dijnie/proposal --skill ui-ux-pro-max-dijnie
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/Dijnie/proposal/tree/main/.claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/Dijnie/proposal --skill ui-ux-pro-max-dijnie

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires python3, and includes scripts (resource) components.

What problem does it solve?

This Skill serves as a comprehensive, searchable repository of UI styles, color palettes, font pairings, chart templates, product recommendations, UX guidelines, and stack-specific best practices to accelerate design decisions and reduce cognitive load.

Core Features & Use Cases

  • Centralized design intelligence: Access 50+ styles, 21 palettes, 50 font pairings, 20 chart templates, and 8 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind) to inform design decisions.
  • Stack-aware guidance: Provides guidelines tailored to your chosen tech stack and project type (website, dashboard, mobile app).
  • Outputs & templates: Generates implementation-ready design components and style tokens.
  • Use Case: Quickly assemble a cohesive design system for a SaaS dashboard.

Quick Start

Generate a color palette and typography pairing for a dark-mode SaaS admin panel.

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 cohesive color palette and typography pairing for my design project?▼

This Skill provides 21 pre-built color palettes and 50 font pairings tailored to your project type and tech stack. Select your context—SaaS, e-commerce, portfolio, or mobile app—and receive implementation-ready style recommendations with accessibility and contrast guidance.

Can I use this for stack-specific UI design across React, Vue, Svelte, and mobile frameworks?▼

Yes. The Skill covers 8 stacks including React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, and Tailwind. Each stack receives tailored component guidelines, styling conventions, and best practices to match your existing tech environment.

What design components and chart templates does this cover?▼

The Skill includes 50+ UI styles, 20 chart templates, and component recommendations for dashboards, admin panels, landing pages, and SaaS products. All outputs are implementation-ready with tokens and styling guidance compatible with your chosen framework.

How do I search for design guidance across color, typography, charts, and UX standards?▼

The Skill uses BM25-based search to retrieve design patterns from a comprehensive repository. Query by domain (dashboard, e-commerce), visual element (charts, palette), or constraint (dark mode, accessibility) to surface relevant recommendations from CSV data sources.

What accessibility and performance considerations are included?▼

Guidance covers WCAG compliance, color contrast ratios, typography legibility, performance optimization for rendered components, and mobile responsiveness. Recommendations adapt to your project type and tech stack to meet both design and technical requirements.

Does this work with CLI and JSON output formats?▼

Yes. The Skill outputs results in both CLI and JSON formats, enabling integration into design workflows, automation pipelines, and programmatic consumption by downstream tools or documentation systems.

Related Skills

Explore More Design & Creative Skills→
sayeedjoysayeedjoy
12

ui-ux-pro-max

Generate design systems with stack-specific UI/UX recommendations.

Community
Advanced
johnlindquistjohnlindquist
24

design

Manage design tokens and export them to CSS, JSON, and Tailwind config.

Community
Advanced
VYRE-StudiosVYRE-Studios

frontend-design

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

Official
Intermediate
St0ff3lSt0ff3l
234

ui-ux-pro-max-zh

Search 67 UI styles, 161 color palettes, and 99 UX guidelines via BM25.

Community
Advanced