Updated 1w ago
by AThevon
genjutsu
Creative coding skills for Claude Code, claude.ai and Cowork. Motion, micro-interactions and design systems across Web (GSAP, Motion, Three.js, CSS), Android (Jetpack Compose) and Apple (SwiftUI). Proposes an interaction thesis you approve before it writes any code. Anti-AI-slop.
491 GitHub stars (491)
+113 in 20 days
| Period | New stars |
|---|---|
| Sep 27 | +1 |
| Sep 28 | +3 |
| Sep 29 | +2 |
| Sep 30 | +5 |
| Oct 1 | +1 |
| Oct 2 | +2 |
| Oct 3 | +1 |
| Oct 4 | +2 |
| Oct 5 | +4 |
| Oct 6 | +7 |
| Oct 7 | +5 |
| Oct 8 | +12 |
| Oct 9 | +7 |
| Oct 10 | +7 |
| Oct 11 | +11 |
| Oct 12 | +11 |
| Oct 13 | +8 |
| Oct 14 | +9 |
| Oct 15 | +10 |
| Oct 16 | +5 |
- 17 skills (17 skills found in its SKILL.md files)
- 37 forks (37 forks)
- 1w ago last update (Last updated 1w ago)
Install
Skills CLI
npx skills add AThevon/genjutsu
Asks which skills and agents to install. Just one: npx skills add AThevon/genjutsu --skill cast — add -g for every project.
Claude Code
git clone https://github.com/AThevon/genjutsucp -r "genjutsu/skills/cast" ~/.claude/skills/
Copies the cast skill into ~/.claude/skills/ for every project (use .claude/skills/ for one project). Repeat for the other skills listed below.
Plugin
/plugin marketplace add AThevon/genjutsu
Run inside Claude Code if the repository ships a plugin marketplace, then pick plugins from /plugin.
Skills can run code on your machine — read the SKILL.md first.
What it does
In the author's own words, from each skill's SKILL.md.
-
cast
Cast genjutsu on a UI - creative coding for motion, micro-interactions, and wow-factor. Scans the stack, proposes an interaction thesis, loads the right sub-skills, implements the illusion. Adapts to Web, Android (Compose), Apple (SwiftUI).
skills/cast/SKILL.md on GitHub (opens in a new tab) -
paint
Paint a complete visual universe with genjutsu - art direction brainstorm, design system, implementation, audit. Anti-AI-slop design pipeline. Adapts to Web, Android (Compose), Apple (SwiftUI).
skills/paint/SKILL.md on GitHub (opens in a new tab) -
canvas-generative
Algorithmic and generative art with Canvas 2D - particles, flow fields, noise, fractals, L-systems.
skills/_jutsu/canvas-generative/SKILL.md on GitHub (opens in a new tab) -
compose-graphics
Advanced Compose visuals - Material 3 Expressive motion physics, AGSL shaders (Android 13+), Canvas/DrawScope generative, graphicsLayer effects.
skills/_jutsu/compose-graphics/SKILL.md on GitHub (opens in a new tab) -
compose-motion
Jetpack Compose animation foundations - animate*AsState, AnimatedVisibility, Crossfade, updateTransition, SharedTransitionLayout, gestures.
skills/_jutsu/compose-motion/SKILL.md on GitHub (opens in a new tab) -
compose-multiplatform
Compose Multiplatform / KMP patterns - expect/actual composables, platform-specific code, density and font handling cross-target, iOS/Android/Desktop interop.
skills/_jutsu/compose-multiplatform/SKILL.md on GitHub (opens in a new tab) -
css-native
Zero-dependency animations and visual techniques - scroll-driven, View Transitions, @starting-style, modern CSS.
skills/_jutsu/css-native/SKILL.md on GitHub (opens in a new tab) -
design-audit
Design audit checklist - motion gaps, accessibility, color consistency, responsive, performance.
skills/_jutsu/design-audit/SKILL.md on GitHub (opens in a new tab) -
desktop-principles
Desktop-specific UX principles - hover states, pointer precision, keyboard shortcuts, multi-window, focus management. Covers macOS, Windows, Linux, web desktop.
skills/_jutsu/desktop-principles/SKILL.md on GitHub (opens in a new tab) -
framer-motion
Framer Motion / Motion sub-skill - AnimatePresence, layout animations, gestures, motion values.
skills/_jutsu/framer-motion/SKILL.md on GitHub (opens in a new tab) -
gsap
GSAP animation engine sub-skill - core, timeline, ScrollTrigger, plugins.
skills/_jutsu/gsap/SKILL.md on GitHub (opens in a new tab) -
mobile-principles
Mobile-specific UX principles - touch targets, hover-less doctrine, thumb zones, safe areas, gestures, mobile perf budgets. Cross-platform (web mobile, iOS, Android).
skills/_jutsu/mobile-principles/SKILL.md on GitHub (opens in a new tab) -
motion-principles
Motion design foundation - timing, easing, enter/exit patterns, accessibility, performance.
skills/_jutsu/motion-principles/SKILL.md on GitHub (opens in a new tab) -
swiftui-graphics
Advanced SwiftUI visuals - Metal shaders (.colorEffect, .layerEffect, .distortionEffect), .visualEffect, Liquid Glass (iOS 26), Canvas, holographic and CRT effects.
skills/_jutsu/swiftui-graphics/SKILL.md on GitHub (opens in a new tab) -
swiftui-motion
SwiftUI animation foundations - withAnimation, transitions, matchedGeometryEffect, PhaseAnimator, KeyframeAnimator, springs, gestures.
skills/_jutsu/swiftui-motion/SKILL.md on GitHub (opens in a new tab) -
threejs-r3f
Three.js and React Three Fiber sub-skill - 3D scenes, shaders, postprocessing.
skills/_jutsu/threejs-r3f/SKILL.md on GitHub (opens in a new tab) -
ui-ux-pro-max
UI/UX design-system intelligence - 84 styles, 192 palettes, 74 font pairings, 25 charts, 99 UX guidelines across 22 stacks (searchable dataset + CLI). Internal genjutsu module: loaded by /genjutsu:cast and /genjutsu:paint, not invoked directly.
skills/_jutsu/ui-ux-pro-max/SKILL.md on GitHub (opens in a new tab)
No skill matches that filter.
Review before you install
A skill is a set of instructions and scripts your agent will follow, and it can run code on your machine. Read the SKILL.md and any scripts first — this listing is not a security review.