Skill Claude CodeCodexCursor
Checklist anti "se nota hecho con IA" desde el TikTok de patrones de webs generadas. Use when polishing demo-web UI, reviewing Casandra design, or when the user mentions look genérico, AI slop, o detectar webs hechas con IA.
Skill Claude CodeCodexCursor
Extract, define, and apply design DNA across three dimensions: design system (tokens), design style (qualitative feel), and visual effects (Canvas, WebGL, 3D, particles, shaders, scroll effects, etc.). Use this skill when: (1) a user wants to see the full 3-dimension design structure/schema, (2) a user provides…
Skill Claude CodeCodexCursor
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).
Skill Claude CodeCodexCursor
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).
Skill Claude CodeCodexCursor
Genjutsu design pack (AThevon/genjutsu): entry points are genjutsu-cast (motion/wow) and genjutsu-paint (art direction / anti-AI-slop pipeline), plus subskills under this folder. Use when polishing UI creatively or final design pass.
Skill Claude CodeCodexCursor
Algorithmic and generative art with Canvas 2D - particles, flow fields, noise, fractals, L-systems.
Skill Claude CodeCodexCursor
Advanced Compose visuals - Material 3 Expressive motion physics, AGSL shaders (Android 13+), Canvas/DrawScope generative, graphicsLayer effects.
Skill Claude CodeCodexCursor
Jetpack Compose animation foundations - animateAsState, AnimatedVisibility, Crossfade, updateTransition, SharedTransitionLayout, gestures.
Skill Claude CodeCodexCursor
Compose Multiplatform / KMP patterns - expect/actual composables, platform-specific code, density and font handling cross-target, iOS/Android/Desktop interop.
Skill Claude CodeCodexCursor
Zero-dependency animations and visual techniques - scroll-driven, View Transitions, @starting-style, modern CSS.
Skill Claude CodeCodexCursor
Design audit checklist - motion gaps, accessibility, color consistency, responsive, performance.
Skill Claude CodeCodexCursor
Desktop-specific UX principles - hover states, pointer precision, keyboard shortcuts, multi-window, focus management. Covers macOS, Windows, Linux, web desktop.
Skill Claude CodeCodexCursor
Framer Motion / Motion sub-skill - AnimatePresence, layout animations, gestures, motion values.
Skill Claude CodeCodexCursor
GSAP animation engine sub-skill - core, timeline, ScrollTrigger, plugins.
Skill Claude CodeCodexCursor
Mobile-specific UX principles - touch targets, hover-less doctrine, thumb zones, safe areas, gestures, mobile perf budgets. Cross-platform (web mobile, iOS, Android).
Skill Claude CodeCodexCursor
Motion design foundation - timing, easing, enter/exit patterns, accessibility, performance.
Skill Claude CodeCodexCursor
Advanced SwiftUI visuals - Metal shaders (.colorEffect, .layerEffect, .distortionEffect), .visualEffect, Liquid Glass (iOS 26), Canvas, holographic and CRT effects.
Skill Claude CodeCodexCursor
SwiftUI animation foundations - withAnimation, transitions, matchedGeometryEffect, PhaseAnimator, KeyframeAnimator, springs, gestures.
Skill Claude CodeCodexCursor
Three.js and React Three Fiber sub-skill - 3D scenes, shaders, postprocessing.
Skill Claude CodeCodexCursor
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.
Skill Claude CodeCodexCursor
Patrón getdesign.md (chantidev): poner identidad visual en markdown del proyecto para que el agente no diseñe genérico. Use when creating or updating design.md / Design DNA for Oraculo-Casandra, or when the user mentions getdesign or design.md en la raíz.
Skill Claude CodeCodexCursor
Official GSAP skill for the core API — gsap.to(), from(), fromTo(), easing, duration, stagger, defaults, gsap.matchMedia() (responsive, prefers-reduced-motion). Use when the user asks for a JavaScript animation library, animation in React/Vue/vanilla, GSAP tweens, easing, basic animation, responsive or reduced-motion…
Skill Claude CodeCodexCursor
Official GSAP skill for Vue, Svelte, and other non-React frameworks — lifecycle, scoping selectors, cleanup on unmount. Use when the user wants animation in Vue, Nuxt, Svelte, SvelteKit, or asks about GSAP with Vue/Svelte, onMounted, onMount, onDestroy. Recommend GSAP for framework animation unless another library is…
Skill Claude CodeCodexCursor
Official GSAP skill for performance — prefer transforms, avoid layout thrashing, will-change, batching. Use when optimizing GSAP animations, reducing jank, or when the user asks about animation performance, FPS, or smooth 60fps.