nickcrew/super-saiyan
skills/super-saiyan/SKILL.md
Maximum visual excellence for any UI platform. Use when building user interfaces, styling components, or polishing visual elements.
$ install --global
skillsauthnpx skillsauth add nickcrew/claude-ctx-plugin super-saiyanInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Apr 15, 2026, 12:07 PM9.6s5 files scanned
SKILL.md
- name:
- super-saiyan
- description:
- Maximum visual excellence for any UI platform. Use when building user interfaces, styling components, or polishing visual elements.
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.mdskills/super-saiyan/references/tui.mdskills/super-saiyan/references/cli.mdskills/super-saiyan/references/docs.md
Related Skills
nickcrew/writing-skills
testing
VerifiedTrustedCommunity
Use when creating new skills, editing existing skills, or verifying skills work before deployment - applies TDD to process documentation by testing with subagents before writing, iterating until bulletproof against rationalization
15SKILL.mdUpdated Apr 15, 2026
nickcrew/workflow-security-audit
testing
VerifiedTrustedCommunity
Comprehensive security assessment and remediation. Use for security reviews, compliance checks, vulnerability assessments.
15SKILL.mdUpdated Apr 15, 2026
nickcrew/workflow-performance
research
VerifiedTrustedCommunity
Systematic performance analysis and optimization. Use when things are slow, need optimization, or preparing for scale.
15SKILL.mdUpdated Apr 15, 2026
nickcrew/workflow-feature
development
VerifiedTrustedCommunity
Complete feature development workflow from design to deployment. Use when implementing new features or functionality.
15SKILL.mdUpdated Apr 15, 2026