visual-modes
Use when activating visual showcase modes (supersaiyan, kamehameha, over9000) for UI or interaction design - provides mode-specific enhancement checklists.
Best use case
visual-modes is best used when you need a repeatable AI agent workflow instead of a one-off prompt.
Use when activating visual showcase modes (supersaiyan, kamehameha, over9000) for UI or interaction design - provides mode-specific enhancement checklists.
Teams using visual-modes should expect a more consistent output, faster repeated execution, less prompt rewriting.
When to use this skill
- You want a reusable workflow that can be run more than once with consistent structure.
When not to use this skill
- You only need a quick one-off answer and do not need a reusable workflow.
- You cannot install or maintain the underlying files, dependencies, or repository context.
Installation
Claude Code / Cursor / Codex
Manual Installation
- Download SKILL.md from GitHub
- Place it in
.claude/skills/visual-modes/SKILL.mdinside your project - Restart your AI agent — it will auto-discover the skill
How visual-modes Compares
| Feature / Agent | visual-modes | Standard Approach |
|---|---|---|
| Platform Support | Not specified | Limited / Varies |
| Context Awareness | High | Baseline |
| Installation Complexity | Unknown | N/A |
Frequently Asked Questions
What does this skill do?
Use when activating visual showcase modes (supersaiyan, kamehameha, over9000) for UI or interaction design - provides mode-specific enhancement checklists.
Where can I find the source code?
You can find the source code on GitHub using the link provided at the top of the page.
SKILL.md Source
# 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