software/product engineer in toulouse, I care about how interfaces feel, web mostly, native when the web is not enough
adri1 builds skills that help AI agents work on interface design, with a focus on motion and mobile and desktop UX. Their catalog covers web animation with CSS, GSAP and ScrollTrigger, native motion in SwiftUI and Jetpack Compose including shaders and shared transitions, and platform-specific principles for touch, hover, keyboard and window management. Their orchestration skill, for coordinating subagents on a single design build, stands out as the most process-oriented entry in the set.
Genjutsu
20 skills · 752 stars · NOASSERTION
Bunshin Summon shadow clones: genjutsu's full-scale pipeline for a whole website or web app, from scratch…
Canvas Generative Algorithmic and generative art with Canvas 2D - particles, flow fields, noise, fractals, L-systems.
Cast Cast genjutsu on a UI - creative coding for motion, micro-interactions, and wow-factor.
Compose Graphics Advanced Compose visuals - Material 3 Expressive motion physics, AGSL shaders (Android 13+), Canv…
Compose Motion Jetpack Compose animation foundations - animate*AsState, AnimatedVisibility, Crossfade, updateTra…
Compose Multiplatform Compose Multiplatform / KMP patterns - expect/actual composables, platform-specific code, density…
Css Native Zero-dependency animations and visual techniques - scroll-driven, View Transitions, @starting-sty…
Design Audit Design audit checklist - motion gaps, accessibility, color consistency, responsive, performance.
Desktop Principles Desktop-specific UX principles - hover states, pointer precision, keyboard shortcuts, multi-windo…
Framer Motion Framer Motion / Motion sub-skill - AnimatePresence, layout animations, gestures, motion values.
Gsap GSAP animation engine sub-skill - core, timeline, ScrollTrigger, plugins.
Mobile Principles Mobile-specific UX principles - touch targets, hover-less doctrine, thumb zones, safe areas, gest…
Motion Principles Motion design foundation - timing, easing, enter/exit patterns, accessibility, performance.
Orchestration Running a team of subagents on one design build: clone briefs, disjoint file ownership, isolated…
Paint Paint a complete visual universe with genjutsu - art direction brainstorm, design system, impleme…
Swiftui Graphics Advanced SwiftUI visuals - Metal shaders (.colorEffect, .layerEffect, .distortionEffect), .visual…
Swiftui Motion SwiftUI animation foundations - withAnimation, transitions, matchedGeometryEffect, PhaseAnimator,…
Tells Internal genjutsu module - the reflexes a model falls into when nothing asked for them (invented…
Threejs R3F Three.js and React Three Fiber sub-skill - 3D scenes, shaders, postprocessing.
Ui Ux Pro Max UI/UX design-system intelligence - 84 styles, 192 palettes, 74 font pairings, 25 charts, 99 UX gu…