How nocashflow/claude-cyberpunk-themes works
Cyberpunk Themes is a Claude Code desktop plugin that switches among seven animated pixel-art backdrops and matching application palettes. The main workflow is a user’s /neon command or session start: the plugin restores or changes the saved selection, builds the selected scene and palette, and supplies them to Claude Code. Scene modules use shared drawing helpers; palette data is expanded by the color-generation module. Edges reflect the README and supplied excerpts/index; unsampled implementation details are not inferred.
Main entry points: register.tsx Plugin Commands · kit.ts Pixel Toolkit · extras.ts Scene Extras · scene.ts Neon Rooftop
Components 14
Plugin Control
- Plugin Commands
plugins/cyberpunk-themes/hooks/register.tsx
Animated Scenes
- Neon Rooftop
plugins/cyberpunk-themes/hooks/scene.ts - Phosphor Alley
plugins/cyberpunk-themes/hooks/alley.ts - Deep Net
plugins/cyberpunk-themes/hooks/deepnet.ts - Ripperdoc
plugins/cyberpunk-themes/hooks/ripperdoc.ts - Badlands
plugins/cyberpunk-themes/hooks/badlands.ts - Blackwall
plugins/cyberpunk-themes/hooks/blackwall.ts - Corpo Plaza
plugins/cyberpunk-themes/hooks/corpo.ts
Scene Graphics
- Pixel Toolkit
plugins/cyberpunk-themes/hooks/kit.ts - Scene Extras
plugins/cyberpunk-themes/hooks/extras.ts
Theme Colors
- Theme Palettes
plugins/cyberpunk-themes/hooks/palettes.ts - Color Generator
plugins/cyberpunk-themes/hooks/make-colors.js
Other components
- User
- Claude Code
Connections 24
- User → Plugin Commands: issues commands
plugins/cyberpunk-themes/hooks/register.tsx - Claude Code → Plugin Commands: starts sessions
plugins/cyberpunk-themes/hooks/register.tsx - Plugin Commands → Claude Code: sets theme
plugins/cyberpunk-themes/hooks/register.tsx - Plugin Commands → Neon Rooftop: selects scene
plugins/cyberpunk-themes/hooks/register.tsx - Plugin Commands → Phosphor Alley: selects scene
plugins/cyberpunk-themes/hooks/register.tsx - Plugin Commands → Deep Net: selects scene
plugins/cyberpunk-themes/hooks/register.tsx - Plugin Commands → Ripperdoc: selects scene
plugins/cyberpunk-themes/hooks/register.tsx - Plugin Commands → Badlands: selects scene
plugins/cyberpunk-themes/hooks/register.tsx - Plugin Commands → Blackwall: selects scene
plugins/cyberpunk-themes/hooks/register.tsx - Plugin Commands → Corpo Plaza: selects scene
plugins/cyberpunk-themes/hooks/register.tsx - Neon Rooftop → Pixel Toolkit: uses helpers
plugins/cyberpunk-themes/hooks/scene.ts - Neon Rooftop → Scene Extras: uses elements
plugins/cyberpunk-themes/hooks/scene.ts - Phosphor Alley → Pixel Toolkit: uses helpers
plugins/cyberpunk-themes/hooks/alley.ts - Phosphor Alley → Scene Extras: uses elements
plugins/cyberpunk-themes/hooks/alley.ts - Deep Net → Pixel Toolkit: uses helpers
plugins/cyberpunk-themes/hooks/deepnet.ts - Ripperdoc → Pixel Toolkit: uses helpers
plugins/cyberpunk-themes/hooks/ripperdoc.ts - Badlands → Pixel Toolkit: uses helpers
plugins/cyberpunk-themes/hooks/badlands.ts - Badlands → Scene Extras: uses elements
plugins/cyberpunk-themes/hooks/badlands.ts - Blackwall → Pixel Toolkit: uses helpers
plugins/cyberpunk-themes/hooks/blackwall.ts - Blackwall → Scene Extras: uses elements
plugins/cyberpunk-themes/hooks/blackwall.ts - Corpo Plaza → Pixel Toolkit: uses helpers
plugins/cyberpunk-themes/hooks/corpo.ts - Corpo Plaza → Scene Extras: uses elements
plugins/cyberpunk-themes/hooks/corpo.ts - Plugin Commands → Theme Palettes: chooses palette
plugins/cyberpunk-themes/hooks/register.tsx - Plugin Commands → Color Generator: builds colors
plugins/cyberpunk-themes/hooks/register.tsx