skills.rest
Pritahi
PritahiCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generate design-system tokens and UI/UX guidance for frontend projects.

Updated Aug 23, 2026
Search Tags:#ui#accessibility#implementation#tokens#ux#design-system
One-click install
npx skills add https://github.com/Pritahi/chronos-watches --skill ui-ux-pro-max-pritahi
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/Pritahi/chronos-watches/tree/main/skills/ui-ux-pro-max
Command: npx skills add https://github.com/Pritahi/chronos-watches --skill ui-ux-pro-max-pritahi

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

UI/UX design intelligence for multi-platform projects, delivering guided design strategies, complete design-system tokens, and implementation-ready recommendations to streamline frontend delivery.

Core Features & Use Cases

  • Guided UI/UX strategy across web and mobile stacks, including information architecture, interaction patterns, and accessibility considerations.
  • Design-system token generation (colors, typography, spacing) and component guidelines aligned to target stacks (React, Next.js, Vue, Svelte, Tailwind).
  • Evaluation, critique, and refinement of frontend UI with actionable code-level suggestions and enforcement of accessibility and performance standards.

Quick Start

Provide a complete UI/UX design system tailored to a project prompt.

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 complete UI/UX design system for a multi-platform frontend project?▼

You can generate a complete design system by providing a project prompt to receive design tokens, color palettes, typography, and component guidelines. This UI/UX design system output is tailored to your specific stack like React, Vue, or Tailwind.

Can I get design tokens and accessibility guidance for a React and Tailwind stack?▼

Yes, you can generate design tokens and accessibility guidance tailored to React and Tailwind stacks. The system produces stack-aligned color palettes, typography tokens, and component guidelines while enforcing accessibility standards across web and mobile platforms.

What is the best way to critique and refine frontend UI for accessibility and performance?▼

The best way to critique and refine frontend UI is to use automated design intelligence that evaluates your interface and provides actionable code-level suggestions. This enforces accessibility and performance standards while delivering implementation-ready refinements.

Does this UI/UX design approach support iOS and Android mobile platforms?▼

Yes, this UI/UX design approach supports iOS and Android mobile platforms alongside web. It delivers guided design strategies, information architecture, and interaction patterns applicable across multi-platform environments including Next.js and Svelte.

How do I create implementation-ready UI patterns for a Svelte or Next.js application?▼

To create implementation-ready UI patterns for Svelte or Next.js, input your project prompt to generate stack-specific design tokens and component guidelines. This produces actionable code-level suggestions and interaction patterns aligned with your framework.

Related Skills

Explore More Design & Creative Skills→
ZiadNagarZiadNagar

animation-systems

Define motion tokens, choreography patterns, and reduced-motion support for design systems.

Community
Advanced
ashishgurpritashishgurprit

Design System Skill

Enforces design tokens, component patterns, and accessibility standards for UI development.

Community
Intermediate
skkarkiskkarki

frontend-design

Translate UI requirements into token-based frontend systems with TypeScript types.

Community
Advanced
dralgorhythmdralgorhythm
111

design-systems

Standardize UI components and design tokens across projects.

Community
Advanced