# Visual Modes

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

- Skill: `tomevault-io/visual-modes` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds@latest add tomevault-io/visual-modes`
- Raw SKILL.md: https://api.skillmd.com/api/skills/tomevault-io/visual-modes/raw
- Safety review: pending (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: tomevault-io (https://skillmd.com/u/tomevault-io)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/tomevault-io/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

---
> Converted and distributed by [TomeVault](https://tomevault.io/claim/nickcrew) — claim your Tome and manage your conversions.
<!-- tomevault:4.0:skill_md:2026-04-11 -->