super-saiyan

Maximum visual excellence for any UI platform. Use when building user interfaces, styling components, or polishing visual elements.

Jump to install Review files

Repository: NickCrew/Claude-Cortex
Last source activity: April 23, 2026 at 21:56
Detected SKILL.md language: English
Stars: 62
Forks: 15

Install options

The review-first prompt is selected by default. You can switch to a direct command or download a local copy.

Install with an AI assistant

Copy this prompt into the AI assistant you're using.

Follow https://skillsmp.com/skill-install/prompt.md to install only the Agent Skill at https://github.com/NickCrew/Claude-Cortex/tree/main/skills/super-saiyan.

A direct command skips the review prompt. Inspect the source before running it.

npx skills add https://github.com/NickCrew/Claude-Cortex --skill super-saiyan

The command stays on one line. Scroll horizontally to inspect it before copying.

Prefer a local copy? Download the files currently available to SkillsMP.

Review the source files

Read SKILL.md and any companion files shown by SkillsMP before deciding whether to install.

File Explorer

5 files

SKILL.md

Source instructions · Read-only preview

name: super-saiyan
description: Maximum visual excellence for any UI platform. Use when building user interfaces, styling components, or polishing visual elements.
keywords: ["UI excellence","visual polish","animation","super","saiyan","super saiyan"]

# Super Saiyan 🔥 Visual excellence skill for any UI platform. ## Core Laws 1. **Accessibility First** - Beautiful AND inclusive (WCAG 2.1 AA minimum) 2. **Performance Always** - 60fps animations, instant response 3. **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`

View on GitHub

Back to search Back to installation

agent-loops

Complete operational workflow for implementer agents (Codex, Gemini, etc.) making code changes and writing tests. Drives all work through atomic commits — each loop operates on the smallest complete, reviewable change. Defines the Code Change Loop, Test Writing Loop, Lint Gate, and Issue Filing process with circuit breakers, severity levels, and escalation rules. Requires `cortex git commit` for all commits. Includes bundled provider-aware review scripts that keep same-model shell-outs as the last resort, plus a fresh-context Codex fallback for code review and test audit. Use this skill when starting any implementation task.

2026-06-29

design-journey-review

Combined visual design and user journey review: color systems, typography, spacing, information density, visual hierarchy, workflow stages, emotional curve, friction points, and daily-use optimization. Use when evaluating how an interface looks, how it serves its user over time, and whether the design earns its space.

2026-06-29

knowledge-stack

Use this skill whenever working inside any of Nick's repos (under ~/Developer/) or whenever a conversation touches Nick's durable cross-cutting work — Atlas Crew product strategy/brand/planning, the Unanet job, job search, interviews, tax amendment, foreclosure/tenant situation, strategic positioning. Maps Nick's three Basic Memory projects (products, work, main) and the per-repo dev trackers, and says which layer owns which kind of question. Consult before reasoning from stored memory summaries about repo architecture, product decisions, active priorities, or ongoing personal/career state — stored memory is lossy; the trackers and the Basic Memory projects are the real artifacts and should be consulted first.

2026-06-29

View all from this repository

super-saiyan

Source facts

Install options

Install with an AI assistant

Review the source files

More from this repository

Install with an AI assistant

More from this repository