skills.rest
wssAchilles
wssAchillesCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

ui-ux-pro-max

Generate design tokens, style guides, and starter UI kits for multiple stacks.

2|Updated Aug 2, 2025
Search Tags:#typography#ui#accessibility#components#ux#design-system#color-palette
One-click install
npx skills add https://github.com/wssAchilles/Mycode --skill ui-ux-pro-max-wssachilles
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/wssAchilles/Mycode/tree/main/ml_platform/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/wssAchilles/Mycode --skill ui-ux-pro-max-wssachilles

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill centralizes UI/UX knowledge into a searchable design intelligence library, helping teams make faster, consistent design decisions and reduce repetitive work.

Core Features & Use Cases

  • Searchable catalog of UI styles (glassmorphism, minimal, dark mode, skeuomorphism, etc.), color palettes, font pairings, and chart types.
  • Stack-aware guidance for React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, and shadcn/ui to support website, dashboard, admin panel, and mobile app projects.
  • Generate starter design tokens, style guides, and component kits to kick off a new project or streamline an existing design system.

Quick Start

Describe your product and style preferences, then request actionable UI assets and guidelines (colors, typography, components, layout) tailored to your stack. Example: "Design a responsive admin dashboard for a fintech app using glassmorphism, three color palettes, two font pairings, and components for buttons, cards, and charts."

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 design tokens and style guides for a new project?▼

Generate design tokens and style guides by describing your product and style preferences to get tailored UI assets, color palettes, typography, and components without external tooling. The system outputs starter kits and tokens based on your stack.

Can I get UI/UX guidance for mobile apps using React Native and Flutter?▼

Yes, UI/UX guidance supports React Native and Flutter for mobile apps. The system provides stack-aware design decisions, components, and style guides tailored to these frameworks.

What's the best way to design a responsive admin dashboard with shadcn/ui and Tailwind?▼

Design a responsive admin dashboard by requesting stack-aware guidance for shadcn/ui and Tailwind. You receive UI components, color palettes, font pairings, and layout instructions tailored to your fintech or admin project.

Does this UI/UX intelligence library include color palettes and font pairings for specific styles like glassmorphism?▼

The UI/UX intelligence library includes a searchable catalog of styles like glassmorphism, dark mode, and minimalism, providing specific color palettes, font pairings, and chart types for your design decisions.

How do I refactor and optimize existing component code for better accessibility?▼

Refactor and optimize component code for accessibility by requesting a review or improvement task. The system guides you through checking, fixing, and enhancing UI/UX code for websites and mobile apps.

Do I need external design tools to implement a design system with this approach?▼

No external design tools are needed. The skill relies on internal assets, references, and scripts to generate design tokens, style guides, and starter UI kits entirely without external tooling.

Related Skills

Explore More Design & Creative Skills→
catlog22catlog22
511

maestro-ui-design

Generate UI design prototypes and extract design tokens with OKLCH colors.

Community
Advanced
hwj123hwjhwj123hwj
4

ui-ux-pro-max

Generate UI/UX design guidelines for web and mobile tech stacks.

Community
Advanced
hookvibehookvibe
3

ui-ux-pro-max

Generate UI/UX design systems with color palettes and typography guidelines.

Official
Basic
yuribodoyuribodo
2

ui-ux-pro-max

Generate design systems with styles, palettes, typography, and UX guidelines.

Community
Advanced