super-saiyan
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)
More from nickcrew/claude-ctx-plugin
react-performance-optimization
React performance optimization patterns using memoization, code splitting, and efficient rendering strategies. Use when optimizing slow React applications, reducing bundle size, or improving user experience with large datasets.
1.2Kowasp-top-10
OWASP Top 10 security vulnerabilities with detection and remediation patterns. Use when conducting security audits, implementing secure coding practices, or reviewing code for common security vulnerabilities.
453ui-design-aesthetics
Generates high-quality, non-generic UI designs with a focus on performance, progressive disclosure, and distinctive aesthetics.
114helm-chart-patterns
Helm chart development patterns for packaging and deploying Kubernetes applications. Use when creating reusable Helm charts, managing multi-environment deployments, or building application catalogs for Kubernetes.
110code-explanation
Use when explaining code, concepts, or system behavior to a specific audience level - provides a structured explanation workflow with depth control and validation steps.
103security-testing-patterns
Security testing patterns including SAST, DAST, penetration testing, and vulnerability assessment techniques. Use when implementing security testing pipelines, conducting security audits, or validating application security controls.
91