# Visual Modes

> Use when activating visual showcase modes (supersaiyan, kamehameha, over9000) for UI or interaction design - provides mode-specific enhancement checklists.

- Skill: `nickcrew/visual-modes` (Agent Skill, multi-file: 4 files)
- Install (CLI): `npx skillmds add nickcrew/visual-modes`
- Raw SKILL.md: https://api.skillmd.com/api/skills/nickcrew/visual-modes/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: nickcrew (https://skillmd.com/u/nickcrew)
- Updated: 2026-09-09
- Page: https://skillmd.com/skills/nickcrew/visual-modes

---


# Visual Modes

## Overview
Apply the appropriate visual enhancement mode and follow its checklist for UI and interaction design.

## When to Use
- Activating Super Saiyan, Kamehameha, or Over 9000 visual modes
- Designing high-impact UI showcases

Avoid when:
- The target is non-visual or text-only output

## Quick Reference

| Mode | Load reference |
| --- | --- |
| Super Saiyan | `skills/visual-modes/references/supersaiyan.md` |
| Kamehameha | `skills/visual-modes/references/kamehameha.md` |
| Over 9000 | `skills/visual-modes/references/over9000.md` |

## Workflow
1. Select the visual mode.
2. Load the matching reference.
3. Apply the required enhancements and safeguards.
4. Validate performance and accessibility.

## Output
- Mode activation summary
- Key enhancements applied

## Common Mistakes
- Ignoring performance/accessibility constraints
- Mixing modes without documenting rationale