mcpField
V
visual-modes

visual-modes

github.com/nickcrewDesign & UI6271 installsUpdated 17w ago
Repository

About visual-modes

A skill for selecting and applying visual enhancement modes in UI and interaction design. It provides a mode-specific reference workflow with performance and accessibility checks.

Key features

  1. 01Three visual modes with reference files
  2. 02Mode selection and reference loading workflow
  3. 03Enhancement and safeguard checklist
  4. 04Performance and accessibility validation

Use cases

  1. 01Designing a high-impact UI showcase
  2. 02Applying a named visual mode to an interface
  3. 03Checking visual changes for accessibility and performance

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/nickcrew/claude-cortex --skill visual-modes

After installing, type/visual-modesin Claude Code to confirm it loaded.

Bundled files

References and scripts installed along with SKILL.md.

references/
kamehameha.md
over9000.md
supersaiyan.md

Details

From the project README

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

ModeLoad reference
Super Saiyanskills/visual-modes/references/supersaiyan.md
Kamehamehaskills/visual-modes/references/kamehameha.md
Over 9000skills/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

Comments

Markdown supported