Back to Skills

visual-modes

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

9stars3forksUpdated 2/21/2026

Security Assessment

Safe(100/100)
Security Score100/100

About visual-modes

The 'visual-modes' skill provides a set of visual enhancement modes specifically designed for UI and interaction design, offering modes like Super Saiyan, Kamehameha, and Over 9000. These modes enable the activation of high-impact visual styles to elevate the user interface experience, particularly for visual showcases. The skill guides users in selecting the appropriate visual mode and applying necessary enhancements while ensuring that performance and accessibility constraints are met. This skill primarily focuses on visual effects, making it unsuitable for non-visual or text-based outputs.

FAQ

When should I use the visual-modes skill?

The skill should be used when activating Super Saiyan, Kamehameha, or Over 9000 visual modes for high-impact UI and interaction design showcases.

Can I use visual-modes for non-visual outputs?

No, this skill is specifically designed for visual outputs and should be avoided for non-visual or text-only designs.

What are the common mistakes to avoid when using visual-modes?

Common mistakes include ignoring performance and accessibility constraints, as well as mixing visual modes without documenting the rationale behind the combination.

Where can I find the references for each visual mode?

You can access the references for each visual mode in the following locations: Super Saiyan (`skills/visual-modes/references/supersaiyan.md`), Kamehameha (`skills/visual-modes/references/kamehameha.md`), and Over 9000 (`skills/visual-modes/references/over9000.md`).

Install visual-modes

Download and extract the skill files to your .claude/skills/ directory.

Quick Setup:

  1. Copy the skill folder to .claude/skills/
  2. Claude will automatically detect and use the skill