visual-modes

SKILL.md

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
Weekly Installs
29
GitHub Stars
12
First Seen
Jan 24, 2026
Installed on
opencode26
github-copilot23
codex23
gemini-cli23
cline22
cursor22