Genjutsu
Genjutsu from athevon/genjutsu.
Skills in this plugin
17- ▌ Cast · athevonCast 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).
- ▌ Paint · athevonPaint 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).
- ▌
- ▌ CSS Native · athevon bundleZero-dependency animations and visual techniques - scroll-driven, View Transitions, @starting-style, modern CSS.
- ▌ Threejs R3f · athevon bundleThree.js and React Three Fiber sub-skill - 3D scenes, shaders, postprocessing.
- ▌ Design Audit · athevon bundleDesign audit checklist - motion gaps, accessibility, color consistency, responsive, performance.
- ▌ Framer Motion · athevon bundleFramer Motion / Motion sub-skill - AnimatePresence, layout animations, gestures, motion values.
- ▌ UI UX Pro Max · athevon bundleUI/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.
- ▌ Compose Motion · athevon bundleJetpack Compose animation foundations - animate*AsState, AnimatedVisibility, Crossfade, updateTransition, SharedTransitionLayout, gestures.
- ▌ Swiftui Motion · athevon bundleSwiftUI animation foundations - withAnimation, transitions, matchedGeometryEffect, PhaseAnimator, KeyframeAnimator, springs, gestures.
- ▌ Compose Graphics · athevon bundleAdvanced Compose visuals - Material 3 Expressive motion physics, AGSL shaders (Android 13+), Canvas/DrawScope generative, graphicsLayer effects.
- ▌ Swiftui Graphics · athevon bundleAdvanced SwiftUI visuals - Metal shaders (.colorEffect, .layerEffect, .distortionEffect), .visualEffect, Liquid Glass (iOS 26), Canvas, holographic and CRT effects.
- ▌ Canvas Generative · athevon bundleAlgorithmic and generative art with Canvas 2D - particles, flow fields, noise, fractals, L-systems.
- ▌ Mobile Principles · athevon bundleMobile-specific UX principles - touch targets, hover-less doctrine, thumb zones, safe areas, gestures, mobile perf budgets. Cross-platform (web mobile, iOS, Android).
- ▌ Motion Principles · athevon bundleMotion design foundation - timing, easing, enter/exit patterns, accessibility, performance.
- ▌ Desktop Principles · athevon bundleDesktop-specific UX principles - hover states, pointer precision, keyboard shortcuts, multi-window, focus management. Covers macOS, Windows, Linux, web desktop.
- ▌ Compose Multiplatform · athevon bundleCompose Multiplatform / KMP patterns - expect/actual composables, platform-specific code, density and font handling cross-target, iOS/Android/Desktop interop.