visual-modes

visual-modes

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

7stars
2forks
Updated 1/17/2026
SKILL.md
readonlyread-only
name
visual-modes
description

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

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

You Might Also Like

Related Skills

songsee

songsee

88Kdesign

Generate spectrograms and feature-panel visualizations from audio with the songsee CLI.

moltbot avatarmoltbot
Get

Knowledge and utilities for creating animated GIFs optimized for Slack. Provides constraints, validation tools, and animation concepts. Use when users request animated GIFs for Slack like "make me a GIF of X doing Y for Slack."

anthropics avataranthropics
Get

Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems. Create original algorithmic art rather than copying existing artists' work to avoid copyright violations.

anthropics avataranthropics
Get

Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.

anthropics avataranthropics
Get
theme-factory

theme-factory

47Kdesign

Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. There are 10 pre-set themes with colors/fonts that you can apply to any artifact that has been creating, or can generate a new theme on-the-fly.

anthropics avataranthropics
Get
canvas-design

canvas-design

47Kdesign

Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.

anthropics avataranthropics
Get