Add Effect — Design skill for Claude Code
Add a new visual effect following the IPixelCanvas pattern.
How to install Add Effect
Installs to ~/.claude/commands/svitrix-svitrix-firmware-add-effect.md
mkdir -p ~/.claude/commands && curl -fsSL https://raw.githubusercontent.com/svitrix/svitrix-firmware/HEAD/.claude/commands/add-effect.md -o ~/.claude/commands/svitrix-svitrix-firmware-add-effect.md Restart Claude Code, or start a new session, for it to be picked up.
What Add Effect does
description: Add a new visual effect following the IPixelCanvas pattern
Guide through adding a new visual effect to the Svitrix firmware. Currently there are 20 effects.
Before starting
**Read current effects documentation:**
src/effects/README.md— effect architecture, IPixelCanvas API, registrationlib/interfaces/CLAUDE.md— IPixelCanvas interface definition
**Ask the user:**
- Effect name and visual description
- Category: pattern, wave, weather overla
Alternatives in Design
- Brand Guidelines — Apply Anthropic's official brand colors and typography to artifacts 94.1k ★
- Add Oas Support — Add support for a new OpenAPI Specification version to Swagger UI 29k ★
- Weather Orchestrator Command — Fetch the current temperature for Dubai, UAE and create a visual SVG weather card 20.2k ★
Full documentation available on GitHub
View Source RepositoryRelated Skills
Brainstorming Visual
Use BEFORE implementing any new product hero, landing page, or unfamiliar UI pattern when CEO/user has not pre
Twin Sparrow Japanese Design
Two retained surface principles for Twin-Sparrow product/UI work: a minimal-spacing hierarchy (hairlines and m
Canvas
Open, create, or update a visual canvas — add images, text, PDFs, wiki pages, and banana-generated assets to O
Frontend Aesthetics Guide
This guide demonstrates how targeted prompting dramatically improves Claude's frontend generation. We'll progr
Claude Design Card
Claude Code skill for generating design cards in 14 formats — platform covers, social sharing cards, and edito
Create Shared Component
Create a new shared UI component following project standards
Related Agents
Effect Expert
Implements Effect services, layers, dependency injection, and error handling following Effect best practices
UI Unit Tests
Add or refine UI unit tests by following existing test patterns and fixtures.
Feature Builder
Implements a feature end to end in this codebase (pages, server actions, components, schema) following the pro