Skip to main content
ClaudeWave
EN, English
AThevon / Skills

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.

  • 650 stars
  • 48 forks
  • 0 open issues
  • Language: Python
  • License: NOASSERTION
  • updated

Install

Terminal
git clone https://github.com/AThevon/genjutsu ~/.claude/skills/genjutsu
  1. Clone the repository into your ~/.claude/skills directory (or copy the skill folder containing SKILL.md).
  2. Start a new Claude Code session so the skill registry reloads.
  3. Invoke it by name, or let Claude trigger it automatically when the task matches.

If the repo bundles several skills, copy only the folders you need.

Installable items

17 items in this repository

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

Install
castSkill

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).

Install

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

Install

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

Install

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

Install

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

Install

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

Install

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

Install

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

Install
gsapSkill

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

Install

Mobile-specific UX principles - touch targets, hover-less doctrine, thumb zones, safe areas, gestures, mobile perf budgets. Cross-platform (web mobile, iOS, Android).

Install

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

Install
paintSkill

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).

Install

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

Install

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

Install

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

Install

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.

Install
README

Skills overview

README preview not available. Visit the repo on GitHub for full documentation.
Topics
agent-skillsandroidanimationanti-ai-slopclaude-codeclaude-pluginclaude-skillscompose-multiplatformcreative-codingdesign-systemframer-motiongsapiosjetpack-composemotionmotion-designswiftuithreejsui-ux
Frequently asked

What people ask about genjutsu

What is AThevon/genjutsu?

AThevon/genjutsu is skills for the Claude AI ecosystem. 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. It has 650 GitHub stars and its last recorded update is dated 2026-10-05.

How do I install genjutsu?

You can install genjutsu by cloning the repository (https://github.com/AThevon/genjutsu) or following the README instructions on GitHub. ClaudeWave also provides quick install blocks on this page.

Is AThevon/genjutsu safe to use?

Our security agent has analyzed AThevon/genjutsu and assigned a Trust Score of 82/100 (tier: Trusted). See the full breakdown of passed checks and flags on this page.

Who maintains AThevon/genjutsu?

AThevon/genjutsu is maintained by AThevon. The last recorded GitHub activity is dated 2026-10-05, with 0 open issues.

Are there alternatives to genjutsu?

Yes. On ClaudeWave you can browse similar skills at /categories/skills, sorted by popularity or recent activity.