Skill

super-saiyan

Delivers visual excellence guidelines for UIs across web (React/Vue/CSS), TUI, CLI, and docs with WCAG AA accessibility, 60fps animations, and performance optimization.

React

Vue

Css

frontend

design

npx claudepluginhub nickcrew/claude-cortex

Tool Access

This skill uses the workspace's default tool permissions.

Preview

Visual excellence skill for any UI platform.

Supporting Assets

references/cli.mdreferences/docs.mdreferences/tui.mdreferences/web.md

SKILL.md

Similar Skills

elegant-design

Designs accessible, responsive UIs with interactive chat, terminals, code displays, and streaming for developer tools using React/Next.js and shadcn/ui.

15 files

cc-polymath

ui-ux-pro-max

735

Guides UI/UX design, implementation, review, and optimization with 50+ styles, 161 palettes, 57 font pairings, UX guidelines, charts across React, Next.js, Vue, Svelte, Tailwind, React Native, Flutter, SwiftUI, HTML/CSS.

20 files

antigravity-skills

ui-ux-pro-max

72.7k

Provides UI/UX resources: 50+ styles, color palettes, font pairings, guidelines, charts for web/mobile across React, Next.js, Vue, Svelte, Tailwind, React Native, Flutter. Aids planning, building, reviewing interfaces.

ui-ux-pro-max

Stats

Stars15

Forks6

Last CommitApr 23, 2026

Used By2 plugins

Actions

View Source View Plugin View on GitHub View README

Help us improve

Share bugs, ideas, or general feedback.

Super Saiyan 🔥

Visual excellence skill for any UI platform.

Core Laws

Accessibility First - Beautiful AND inclusive (WCAG 2.1 AA minimum)
Performance Always - 60fps animations, instant response
Delight Users - Purposeful micro-interactions

Apply To Every UI Element

Smooth state transitions (200-300ms, ease-out)
Clear visual hierarchy and spacing
Loading/error/success states
Keyboard navigation
Accessible contrast (4.5:1 text, 3:1 UI)

Animation Timing

Instant: <100ms (micro-interactions)
Fast: 100-200ms (hovers)
Normal: 200-300ms (transitions)
Slow: 300-500ms (emphasis)

Platform Patterns

Web (React/Vue)

Framer Motion for animations
CSS transitions for simple states
Skeleton loaders for async content

TUI (Textual/Ratatui)

Smooth redraws, no flicker
Spinners and progress bars
Color theming

CLI (Rich/Click)

Colors for status
Progress bars for long ops
Checkmarks for success

Docs

Fast load times
Clean typography
Responsive layout

Quality Checklist

Visual hierarchy clear
Contrast accessible (4.5:1 text, 3:1 UI)
Animations smooth (60fps)
Keyboard navigation works
States handled (loading/error/success)

NOT About

❌ Gratuitous animations
❌ Sacrificing performance
❌ Ignoring accessibility

Platform-Specific References

Load detailed patterns when needed:

skills/super-saiyan/references/web.md
skills/super-saiyan/references/tui.md
skills/super-saiyan/references/cli.md
skills/super-saiyan/references/docs.md