Tooluck logoTooluck
Skill repository

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.

Stars
776
Skills
20
License
None
Last commit
Nov 6, 2026
install.sh
# every skill in this repo, via the skills CLI
npx skills add AThevon/genjutsu

# or, for Claude Code, copy one skill folder into

~/.claude/skills/ (all projects)

.claude/skills/ (this project)

View AThevon/genjutsu on GitHub
Inside this pack

20 skills in genjutsu

Each skill is a SKILL.md file your agent loads when a task matches its description.
  1. 01
    bunshin

    Summon shadow clones: genjutsu's full-scale pipeline for a whole website or web app, from scratch or as a full redesign. Harvests the client's real material, researches in parallel, lets Impeccable lead the direction and genjutsu the motion, builds the pages with parallel agents, then loops fixes, verdicts and a cold-eyes art director until only minor issues remain, the round cap of the chosen tier is reached, or a round fixes nothing. Announces its cost first and asks twice. Web. Needs a host that can spawn subagents.

    View skill
  2. 02
    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).

    View skill
  3. 03
    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).

    View skill
  4. 04
    canvas-generative

    Algorithmic and generative art with Canvas 2D - particles, flow fields, noise, fractals, L-systems.

    View skill
  5. 05
    compose-graphics

    Advanced Compose visuals - Material 3 Expressive motion physics, AGSL shaders (Android 13+), Canvas/DrawScope generative, graphicsLayer effects.

    View skill
  6. 06
    compose-motion

    Jetpack Compose animation foundations - animate*AsState, AnimatedVisibility, Crossfade, updateTransition, SharedTransitionLayout, gestures.

    View skill
  7. 07
    compose-multiplatform

    Compose Multiplatform / KMP patterns - expect/actual composables, platform-specific code, density and font handling cross-target, iOS/Android/Desktop interop.

    View skill
  8. 08
    css-native

    Zero-dependency animations and visual techniques - scroll-driven, View Transitions, @starting-style, modern CSS.

    View skill
  9. 09
    design-audit

    Design audit checklist - motion gaps, accessibility, color consistency, responsive, performance.

    View skill
  10. 10
    desktop-principles

    Desktop-specific UX principles - hover states, pointer precision, keyboard shortcuts, multi-window, focus management. Covers macOS, Windows, Linux, web desktop.

    View skill
  11. 11
    framer-motion

    Framer Motion / Motion sub-skill - AnimatePresence, layout animations, gestures, motion values.

    View skill
  12. 12
    gsap

    GSAP animation engine sub-skill - core, timeline, ScrollTrigger, plugins.

    View skill
  13. 13
    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).

    View skill
  14. 14
    motion-principles

    Motion design foundation - timing, easing, enter/exit patterns, accessibility, performance.

    View skill
  15. 15
    orchestration

    Running a team of subagents on one design build: clone briefs, disjoint file ownership, isolated builds, the evidence packet, review lenses, the fix plan, verdicts, cold eyes and the stop rule, with the workflow templates bunshin runs.

    View skill
  16. 16
    swiftui-graphics

    Advanced SwiftUI visuals - Metal shaders (.colorEffect, .layerEffect, .distortionEffect), .visualEffect, Liquid Glass (iOS 26), Canvas, holographic and CRT effects.

    View skill
  17. 17
    swiftui-motion

    SwiftUI animation foundations - withAnimation, transitions, matchedGeometryEffect, PhaseAnimator, KeyframeAnimator, springs, gestures.

    View skill
  18. 18
    tells

    Internal genjutsu module - the reflexes a model falls into when nothing asked for them (invented data, decorative filler, converged layouts, hollow copy), each named by its evidence and a question back to the validated thesis. Loaded by cast and paint on web stacks, after the thesis gate.

    View skill
  19. 19
    threejs-r3f

    Three.js and React Three Fiber sub-skill - 3D scenes, shaders, postprocessing.

    View skill
  20. 20
    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.

    View skill

Skills can include instructions and scripts that your agent will run. Read the SKILL.md and any bundled files before installing. Tooluck lists public GitHub data and does not audit this code.

Keep exploring

Similar skill repositories

Newsletter

Join the Community

Subscribe to our newsletter for the latest news and updates