Agent skill
visual-modes
Use when activating visual showcase modes (supersaiyan, kamehameha, over9000) for UI or interaction design - provides mode-specific enhancement checklists.
Install this agent skill to your Project
npx add-skill https://github.com/majiayu000/claude-skill-registry/tree/main/skills/data/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
- Select the visual mode.
- Load the matching reference.
- Apply the required enhancements and safeguards.
- Validate performance and accessibility.
Output
- Mode activation summary
- Key enhancements applied
Common Mistakes
- Ignoring performance/accessibility constraints
- Mixing modes without documenting rationale
Recommended Agent Skills
Expand your agent's capabilities with these related and highly-rated skills.
agent-ops-spec
Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.
agent-ops-state
Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.
agent-ops-spec
Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.
agent-ops-testing
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
agent-ops-testing
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
agent-ops-state
Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.
Didn't find tool you were looking for?