Imported from nickcrew/claude-cortex (skills/visual-modes/SKILL.md). Install upstream with npx skills add nickcrew/claude-cortex --skill visual-modes. Copyright stays with the author.

Visual Modes

Name: visual-modes
Author: nickcrew

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

{ "ocm": "1", "id": "nickcrew-claude-cortex-visual-modes", "kind": "skill", "name": "visual-modes", "description": "Use when activating visual showcase modes (supersaiyan, kamehameha, over9000) for UI or interaction design - provides mode-specific enhancement checklists.", "publisher": "nickcrew", "version": "1.0.0", "capabilities": { "domains": [ "general" ], "tags": [ "skill-md", "kamehameha", "over-9000", "over9000", "showcase-ui", "supersaiyan", "visual-effects", "visual-mode", "skills-sh" ], "languages": [ "en" ] }, "quality_prior": 0.6, "examples": [ "Use when activating visual showcase modes (supersaiyan, kamehameha, over9000) for UI or interaction design - provides mode-specific enhancement checklists." ], "primary": false, "metadata": { "source": { "provider": "skills.sh", "repository": "https://github.com/nickcrew/claude-cortex", "path": "skills/visual-modes/SKILL.md", "ref": "HEAD", "url": "https://github.com/nickcrew/claude-cortex/blob/HEAD/skills/visual-modes/SKILL.md", "key": "nickcrew/claude-cortex/skills/visual-modes/SKILL.md" } }, "instructions": "# Visual Modes\n\n## Overview\nApply the appropriate visual enhancement mode and follow its checklist for UI and interaction design.\n\n## When to Use\n- Activating Super Saiyan, Kamehameha, or Over 9000 visual modes\n- Designing high-impact UI showcases\n\nAvoid when:\n- The target is non-visual or text-only output\n\n## Quick Reference\n\n| Mode | Load reference |\n| --- | --- |\n| Super Saiyan | `skills/visual-modes/references/supersaiyan.md` |\n| Kamehameha | `skills/visual-modes/references/kamehameha.md` |\n| Over 9000 | `skills/visual-modes/references/over9000.md` |\n\n## Workflow\n1. Select the visual mode.", "cost": { "context_tokens": 226 } }

visual-modes

About