add-effect

Guide developers through adding a transform effect to AudioJones with a step-by-step checklist.

2|Updated Dec 4, 2025
One-click install
npx skills add https://github.com/EvanLavender13/audio-jones --skill add-effect-evanlavender13
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: add-effect
Source: https://github.com/EvanLavender13/audio-jones/tree/main/.claude/skills/add-effect
Command: npx skills add https://github.com/EvanLavender13/audio-jones --skill add-effect-evanlavender13

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This guide helps maintainers and developers consistently add new transform effects, ensuring all required files, connections, and UI updates are handled in a single, repeatable process.

Core Features & Use Cases

  • Comprehensive checklist for creating a new transform effect, including code structure, headers, and build integration.
  • Phase-driven workflow covering module creation, shader creation, post-effect integration, shader setup, UI wiring, and preset support.
  • Real-world scenario: when introducing a shader-based visual effect to AudioJones, this guide ensures all parts install correctly and can be modulated.

Quick Start

Follow the checklist to add a new transform effect, implementing modules, shaders, and UI integration.

Frequently Asked Questions about add-effect

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I add a new transform effect to a graphics pipeline?

To add a new transform effect, follow a comprehensive step-by-step checklist covering module creation, shader setup, post-effect integration, UI wiring, and build-system updates to ensure all components install correctly.

What steps are required to integrate a post-process shader?

Integrating a post-process shader requires phase-driven workflow execution: creating the shader module, applying post-effect integration, wiring UI hooks, and registering lifecycle configuration across module and build phases.

How does UI wiring work when creating a new transform effect?

UI wiring connects new transform effects to user interface controls, requiring you to register configuration parameters and preset support so the visual effect can be properly modulated and managed within the application.

Do I need to update the build system when adding a shader?

Yes, updating the build system is required when adding a shader to register the new files, headers, and configuration parameters, ensuring the post-process effect compiles and integrates correctly across all pipeline phases.

What is the best way to scaffold files for a new visual effect?

The best way to scaffold files for a visual effect is using a modular checklist that systematically creates required code structures, headers, and build integrations in a single, repeatable process.

Why are my transform effects not registering correctly in the pipeline?

Transform effects fail to register when the phase-driven workflow is incomplete, often missing lifecycle configuration, build-system updates, or UI hooks required to connect the shader module to the post-process pipeline.