skills.rest
atxinsky
atxinskyCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Retrieve stack-specific UI/UX design guidelines and generate design tokens.

4|Updated Jan 10, 2026
Search Tags:#typography#design#charts#ui-ux#style-guide#palette#stack-guidelines
One-click install
npx skills add https://github.com/atxinsky/skills --skill ui-ux-pro-max-atxinsky
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/atxinsky/skills/tree/main/ui-ux-pro-max
Command: npx skills add https://github.com/atxinsky/skills --skill ui-ux-pro-max-atxinsky

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill provides a centralized, scalable toolkit for crafting high-quality UI/UX designs by combining a searchable database of styles, color palettes, typography, chart patterns, and stack guidelines, enabling rapid, consistent design decisions.

Core Features & Use Cases

  • Access 50 UI styles, 21 color palettes, 50 font pairings, 20 chart templates, and 8 stacks to accelerate design decisions
  • Retrieve stack-specific guidelines for html-tailwind, React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter
  • Generate design briefs, implementation checklists, and design tokens for handoff and collaboration

Quick Start

Use the ui-ux-pro-max skill to generate a design system for a SaaS dashboard with a modern, accessible, responsive UI. Then compare color palettes and typography pairings for the chosen stack and generate a basic component set (buttons, navbars, cards) with example code snippets.

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 UI style guide and design tokens for a SaaS dashboard?▼

Generate a SaaS dashboard UI style guide by accessing 50 UI styles and 21 color palettes. The toolkit produces structured design tokens, implementation checklists, and component code snippets for rapid handoff.

Can I get stack-specific UI design guidelines for frameworks like React Native and Flutter?▼

Get stack-specific UI design guidelines for React Native and Flutter, alongside Next.js, Vue, Svelte, and SwiftUI. Retrieve framework-aware structured outputs and component patterns tailored to each development stack.

What's the best way to compare typography pairings and color palettes for web design?▼

Compare typography pairings and color palettes by querying a database of 50 font pairings and 21 color combinations. Evaluate options against your chosen stack and generate a matching component set.

How do I select chart templates and UI patterns for a product dashboard?▼

Select chart templates for product dashboards by searching 20 chart pattern templates. Retrieve structured design recommendations that integrate with your chosen UI style and stack guidelines.

Does this UI/UX design toolkit provide code snippets for basic components like buttons and cards?▼

The UI/UX design toolkit provides code snippets for basic components including buttons, navbars, and cards. Generate a basic component set with example code tailored to your selected stack and style.

When do I need a centralized UI/UX design intelligence toolkit for product design?▼

Use a centralized UI/UX design intelligence toolkit when scaling consistent design decisions across multiple products. Apply it to dashboards, landing pages, websites, and mobile apps to ensure style and typography consistency.

Related Skills

Explore More Design & Creative Skills→
hujianbesthujianbest
51

hf-frame

Define project scope and risk during HarnessFlow's Frame stage.

Community
Intermediate
abhay-ranaabhay-rana
2

frontend-design

Create production-grade frontend interfaces with cohesive visual identity and UI tokens.

Community
Advanced
doncan-orozcodoncan-orozco

theme-factory

Manage and apply UI themes to Papyro applications via Tailwind CSS.

Community
Intermediate
dylantarredylantarre
38

color-contrast

Validate color combinations against WCAG 2.1 contrast requirements and generate accessible pairings.

Community
Basic