Run any Skill in Manus with one click

album-art-visualizer

Stars89

Forks7

UpdatedMay 27, 2026 at 00:31

The Library Browser ART-mode visualizer — 30 Core Image GPU effects that transform album artwork based on audio. Use when adding/editing visualizer effects, intensity, keyboard shortcuts, or the ART-mode lifecycle.

Installation

Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.

Run Skill in Manus

Source

ad-repo

ad-repo/nullplayer

View GitHub Repository View Creator Repositories

Download

Run Skill in Manus

Related occupationsSOC

Based on SOC occupation classification

Software DevelopersComputer and Mathematical Occupations·SOC 15-1252

SKILL.md

readonly

name	album-art-visualizer
description	The Library Browser ART-mode visualizer — 30 Core Image GPU effects that transform album artwork based on audio. Use when adding/editing visualizer effects, intensity, keyboard shortcuts, or the ART-mode lifecycle.

Album Art Visualizer

GPU-accelerated effects that transform album artwork based on audio.

Accessing

Open Library Browser window
Switch to ART mode (click ART tab)
Visualizer activates automatically when music plays
Right-click for visualizer context menu

Effects (30 Total)

All effects use Core Image filters for GPU acceleration and respond to audio levels (bass/mid/treble).

Rotation & Scaling

Psychedelic, Kaleidoscope, Vortex, Spin, Fractal, Tunnel

Distortion

Melt, Wave, Glitch, RGB Split, Twist, Fisheye, Shatter, Stretch

Motion

Zoom, Shake, Bounce, Feedback, Strobe, Jitter

Copies & Mirrors

Mirror, Tile, Prism, Double Vision, Flipbook, Mosaic

Pixel Effects

Pixelate, Scanlines, Datamosh, Blocky

Controls

Keyboard:

Click / ← → — Previous/Next effect
↑ ↓ — Decrease/Increase intensity
R — Toggle Random mode (changes effect on beat hits)
C — Toggle Cycle mode (advances at intervals)
F — Toggle Fullscreen
Escape — Exit fullscreen / Turn off visualizer

Context Menu:

Next/Previous Effect
Random Mode, Auto-Cycle Mode, Cycle Interval (5s/10s/20s/30s)
All Effects submenu
Intensity (Low/Medium/Normal/High/Extreme)
Fullscreen / Turn Off

Technical

Rendering: Core Image filters with Metal GPU
Frame Rate: 60 FPS animation timer
Audio Reactivity: spectrum bands (bass/mid/treble)
Auto-Stop: effects pause after ~0.5s of silence
Intensity Range: 0.5×–2.0× effect strength

Key Files

Visualization/AudioReactiveUniforms.swift — audio data struct for shaders
Visualization/ShaderManager.swift — Metal pipeline management
Visualization/ArtworkVisualizerView.swift — MTKView rendering
Windows/ArtVisualizer/ArtVisualizerWindowController.swift — window controller
Windows/ArtVisualizer/ArtVisualizerContainerView.swift — window chrome

Troubleshooting

Effects not showing: ensure ART mode in Library Browser; music playing; try clicking to cycle.

Performance: lower intensity; some effects (Feedback) are more demanding.

More from this repository

same repository

audio-system

ad-repo/nullplayer

Audio engine architecture, local/streaming pipelines, EQ, spectrum analysis, and playback flow. Use when working on audio playback, streaming, equalization, spectrum visualization, BPM detection, or ProjectM integration.

2026-07-1389

flow

ad-repo/nullplayer

Flow network throughput window — live download/upload meter, interface selection, single-height center-stack docking, classic/modern window controllers, and rendering behavior.

2026-07-1389

ui-guide

ad-repo/nullplayer

Coordinate systems, scaling architecture, hit testing, skin sprite rendering, window layout, and Compact Mode for NullPlayer's UI. Use when working on window scaling, skin rendering, coordinate transforms, visual layout, compact/status-item windows, or playlist/marquee text rendering.

2026-07-1389

visualizations

ad-repo/nullplayer

Index of NullPlayer's visualization systems. Use this to discover which sub-skill covers the specific visualizer you're working on (main window vis, spectrum window, album art, ProjectM/MilkDrop, Geiss, Tripex, Met Museum, vis_classic, Metal mode internals).

2026-07-1389

projectm-milkdrop

ad-repo/nullplayer

ProjectM/MilkDrop preset engine inside the visualization window — preset loading, controls, modes, audio sensitivity, beat sensitivity, drag-suspend behavior. Use when editing the ProjectM wrapper, preset folder logic, or its menu.

2026-07-1289

modern-skin-guide

ad-repo/nullplayer

Modern skin engine, skin.json schema, element catalog, and custom skin creation. Use when creating or modifying modern skins, working on ModernSkin components, or adding UI elements to the modern system.

2026-07-1289

name	album-art-visualizer
description	The Library Browser ART-mode visualizer — 30 Core Image GPU effects that transform album artwork based on audio. Use when adding/editing visualizer effects, intensity, keyboard shortcuts, or the ART-mode lifecycle.

Album Art Visualizer

GPU-accelerated effects that transform album artwork based on audio.

Accessing

Open Library Browser window
Switch to ART mode (click ART tab)
Visualizer activates automatically when music plays
Right-click for visualizer context menu

Effects (30 Total)

All effects use Core Image filters for GPU acceleration and respond to audio levels (bass/mid/treble).

Rotation & Scaling

Psychedelic, Kaleidoscope, Vortex, Spin, Fractal, Tunnel

Distortion

Melt, Wave, Glitch, RGB Split, Twist, Fisheye, Shatter, Stretch

Motion

Zoom, Shake, Bounce, Feedback, Strobe, Jitter

Copies & Mirrors

Mirror, Tile, Prism, Double Vision, Flipbook, Mosaic

Pixel Effects

Pixelate, Scanlines, Datamosh, Blocky

Controls

Keyboard:

Click / ← → — Previous/Next effect
↑ ↓ — Decrease/Increase intensity
R — Toggle Random mode (changes effect on beat hits)
C — Toggle Cycle mode (advances at intervals)
F — Toggle Fullscreen
Escape — Exit fullscreen / Turn off visualizer

Context Menu:

Next/Previous Effect
Random Mode, Auto-Cycle Mode, Cycle Interval (5s/10s/20s/30s)
All Effects submenu
Intensity (Low/Medium/Normal/High/Extreme)
Fullscreen / Turn Off

Technical

Rendering: Core Image filters with Metal GPU
Frame Rate: 60 FPS animation timer
Audio Reactivity: spectrum bands (bass/mid/treble)
Auto-Stop: effects pause after ~0.5s of silence
Intensity Range: 0.5×–2.0× effect strength

Key Files

Visualization/AudioReactiveUniforms.swift — audio data struct for shaders
Visualization/ShaderManager.swift — Metal pipeline management
Visualization/ArtworkVisualizerView.swift — MTKView rendering
Windows/ArtVisualizer/ArtVisualizerWindowController.swift — window controller
Windows/ArtVisualizer/ArtVisualizerContainerView.swift — window chrome

Troubleshooting

Effects not showing: ensure ART mode in Library Browser; music playing; try clicking to cycle.

Performance: lower intensity; some effects (Feedback) are more demanding.