General skillDesign and creative work
design-effects-skill
Chooses purposeful UI motion, glass, gradients, and 3D effects with rules for when to use them.
Chooses purposeful UI motion, glass, gradients, and 3D effects with rules for when to use them.
design-effects-skill teaches an agent to select visual effects for UI and branding contexts, with decision rules that also say when not to use them. Its references cover animated backgrounds, text and scroll motion, liquid or glass treatments, shader gradients, and 3D UI, with implementation examples tied to common libraries. A browser-ready examples page lets you preview the effects without a build step.
Resource types
Use cases
Platforms
Turns one idea into a clean peanut-led concept illustration.
Keeps generated UI aligned with explicit design rules.
Public GitHub facts last synced Jul 10, 2026.
Route a design brief through color, effects, typography, and icon skills in a coherent order.
Plan product design projects in Claude with reusable PRCSS workflows.