skills.rest
ncsound919
ncsound919COMMUNITY
Explore all skills by this author →
WebsiteGitHub

ui-ux-pro-max

Generate design-system tokens, component specs, and accessibility guidance for web stacks.

Updated Apr 28, 2026
Search Tags:#design#ui#accessibility#tokens#ux#design-system
One-click install
npx skills add https://github.com/ncsound919/deterministic-brain --skill ui-ux-pro-max-ncsound919
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/ncsound919/deterministic-brain/tree/main/skills/ui-ux-pro-max
Command: npx skills add https://github.com/ncsound919/deterministic-brain --skill ui-ux-pro-max-ncsound919

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

UI/UX design intelligence and implementation guidance for building polished interfaces. Use when the user asks for UI design, UX flows, information architecture, visual style direction, design systems/tokens, component specs, copy/microcopy, accessibility, or to generate/critique/refine frontend UI (HTML/CSS/JS, React, Next.js, Vue, Svelte, Tailwind). Includes workflows for (1) generating new UI layouts and styling, (2) improving existing UI/UX, (3) producing design-system tokens and component guidelines, and (4) turning UX recommendations into concrete code changes.

Core Features & Use Cases

  • UI design guidance and implementation planning across platforms and stacks
  • Design system token generation, component specs, and accessibility checks
  • Real-world iteration: critique, refine, and accelerate UI/UX delivery

Quick Start

Provide a ready-to-use design system snippet for a SaaS dashboard.

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 system tokens and component specs for a SaaS dashboard?▼

Generate design system tokens and component specs by applying AI-driven UI/UX design guidance to produce code-ready styling variables, component guidelines, and accessibility checks for SaaS dashboards across web platforms.

What is the best way to critique and refine existing UI/UX designs?▼

Critique and refine existing UI/UX designs by evaluating visual style direction, information architecture, and microcopy, then turning UX recommendations into concrete frontend code changes for HTML/CSS/JS, React, Next.js, Vue, Svelte, or Tailwind.

Can I use this to check accessibility compliance for React and Vue components?▼

Yes, you can check accessibility compliance for React and Vue components because the UI/UX guidance applies across multiple web stacks to ensure design-system tokens, component specs, and accessibility standards are fully met.

How do I turn UX flow recommendations into concrete frontend code?▼

Turn UX flow recommendations into concrete frontend code by mapping information architecture and design decisions directly into code-ready guidance for specified web stacks like Next.js, Svelte, or Tailwind.

Does UI/UX design guidance work with Tailwind CSS and Svelte?▼

UI/UX design guidance works with Tailwind CSS and Svelte, providing implementation support and styling direction across these frameworks to ensure polished interfaces and design-system token delivery.

When do I need design-system tokens for web platform interfaces?▼

You need design-system tokens when building polished web platform interfaces to ensure consistent visual style direction, structured component specs, and automated accessibility compliance across HTML/CSS/JS and modern JavaScript frameworks.

Related Skills

Explore More Design & Creative Skills→
SunS1eep1ngSunS1eep1ng

ui-ux-pro-max

Generate UI/UX design systems with role-specific guidance and stack-aware frontend implementation.

Community
Advanced
h4vzzh4vzz
33

Frontend Design

Generate accessible React, Vue, Svelte, or HTML components with design tokens.

Community
Advanced
redpanda-dataredpanda-data
34

visual-review

Automate visual and accessibility reviews of frontend UI changes with Playwright.

Official
Advanced
AlfxjxAlfxjx

my-design

Provide UI/UX design guidance for wireframing, prototyping, and visual design.

Community
Intermediate