genjutsu

genjutsu

The art of illusion. Cast motion. Paint signatures. Zero AI slop.

Creative coding skills for Claude Code and claude.ai - transforms any interface from functional to exceptional through motion design, interaction patterns, and visual systems. Covers Web (React, Vue, Svelte, vanilla CSS, Three.js, Canvas), Android (Jetpack Compose, Compose Multiplatform), and Apple (SwiftUI iOS + macOS).

v3.0 - rebrand: this plugin used to be called creative-excellence. The skills /creative-excellence:creative-excellence and /creative-excellence:design-excellence are now /genjutsu:cast and /genjutsu:paint. See CHANGELOG.md for the migration steps if you had v2.x installed.

---

Skills

/genjutsu:cast - The Illusionist

Takes any creative request and makes it exceptional. Adapts to your stack and scope.

Pipeline: Scan stack -> Evaluate scope -> Propose interaction thesis -> Load sub-skills -> Implement -> Mini-audit

• Detects your dependencies automatically across web (GSAP, Framer Motion, Three.js, CSS), Android (Jetpack Compose, Compose Multiplatform) and Apple (SwiftUI iOS / macOS)
• Proposes an interaction thesis before writing a single line of code
• Scales from a single hover effect to a full scroll-driven page or a Compose SharedTransitionLayout flow
• Runs a quick audit on exit: reduced-motion, exit animations, recomposition, hitches, layout performance

/genjutsu:paint - The Master Painter

Builds a complete visual universe from scratch. Brainstorm first, implement second.

Pipeline: Brainstorm -> Define visual + interaction thesis -> Generate design system -> Implement -> Full audit

• Mandatory creative direction session before any code
• Generates a persistent stack-aware MASTER.md design system (Tailwind/CSS for web, Theme.kt for Compose, Color+App.swift for SwiftUI, commonMain for CMP)
• Full audit at the end: motion gaps, accessibility, color consistency, responsive, performance, native hitches
• Optional MCP integration (Stitch, Nano Banana, 21st.dev Magic)

When to use which

Situation	Skill
"Add a scroll animation to this section"	/genjutsu:cast
"Make this dropdown feel snappy"	/genjutsu:cast
"Add a snappy spring to this Compose button"	/genjutsu:cast
"Polish the matchedGeometryEffect on this SwiftUI screen"	/genjutsu:cast
"Redesign the entire landing page"	/genjutsu:paint
"Build me a portfolio from scratch"	/genjutsu:paint
"Build a SwiftUI iOS app design system from scratch"	/genjutsu:paint
"Bootstrap a Compose Multiplatform design system"	/genjutsu:paint

---

Sub-skills

Internal modules loaded dynamically by the orchestrators. Not invocable directly.

Foundation (always loaded)

Sub-skill	Scope	Files
motion-principles	Timing, easing, cross-platform reduced-motion API, BAD/GOOD do-not rules	SKILL + 3 references

Shared layers (loaded by context)

Sub-skill	Scope	Files
mobile-principles	Touch targets, no-hover doctrine, thumb zones, safe areas, gestures, mobile perf budgets	SKILL + 2 references
desktop-principles	Hover-mandatory, pointer precision, keyboard shortcuts, multi-window, focus management	SKILL + 2 references
design-audit	Multi-stack greps (web/Compose/SwiftUI), bundle size, Layout Inspector, Instruments Hitches	SKILL
ui-ux-pro-max	Design system intelligence (84 styles, 192 palettes, 74 font pairings, 25 charts, 22 stacks)	SKILL + data + scripts

Web stack

Sub-skill	Scope	Files
gsap	Core, timeline, ScrollTrigger, plugins	SKILL + 4 references
framer-motion	AnimatePresence, layout, gestures, motion values	SKILL + 1 reference
css-native	Scroll-driven, View Transitions, @starting-style	SKILL + 1 reference
threejs-r3f	Three.js, React Three Fiber, shaders, postprocessing	SKILL + 2 references
canvas-generative	Particles, flow fields, noise, fractals, L-systems	SKILL + 1 reference

Android stack

Sub-skill	Scope	Files
compose-motion	animate*AsState, AnimatedVisibility, SharedTransitionLayout, springs, gestures	SKILL + 3 references
compose-graphics	M3 Expressive motion physics, AGSL shaders (Android 13+), Canvas/DrawScope	SKILL + 3 references
compose-multiplatform	KMP/CMP patterns, expect/actual, iOS/Android/Desktop interop	SKILL + 2 references

Apple stack