Skip to main content
ClaudeWave
ES, Spanish
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 estrellas
  • 48 forks
  • 0 issues abiertos
  • Lenguaje: Python
  • Licencia: NOASSERTION
  • actualizado

Instalación

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.

Items instalables

17 items en este repositorio

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

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

Instalar

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

Instalar

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

Instalar

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

Instalar

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

Instalar

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

Instalar

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

Instalar

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

Instalar
gsapSkill

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

Instalar

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

Instalar

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

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

Instalar

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

Instalar

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

Instalar

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

Instalar

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.

Instalar
README

Resumen de Skills

README no disponible. Visita el repo en GitHub para la documentación completa.
Casos de uso
Topics
agent-skillsandroidanimationanti-ai-slopclaude-codeclaude-pluginclaude-skillscompose-multiplatformcreative-codingdesign-systemframer-motiongsapiosjetpack-composemotionmotion-designswiftuithreejsui-ux
Preguntas frecuentes

Lo que la gente pregunta sobre genjutsu

¿Qué es AThevon/genjutsu?

AThevon/genjutsu es skills para el ecosistema de Claude AI. 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. Tiene 650 estrellas en GitHub y su última actualización registrada es del 2026-10-05.

¿Cómo se instala genjutsu?

Puedes instalar genjutsu clonando el repositorio (https://github.com/AThevon/genjutsu) o siguiendo las instrucciones del README en GitHub. ClaudeWave también te ofrece bloques de instalación rápida en esta misma página.

¿Es seguro usar AThevon/genjutsu?

Nuestro agente de seguridad ha analizado AThevon/genjutsu y le ha asignado un Trust Score de 82/100 (tier: Trusted). Revisa el desglose completo de comprobaciones superadas y flags en esta página.

¿Quién mantiene AThevon/genjutsu?

AThevon/genjutsu es mantenido por AThevon. La última actividad registrada en GitHub es del 2026-10-05, con 0 issues abiertos.

¿Hay alternativas a genjutsu?

Sí. En ClaudeWave puedes explorar skills similares en /categories/skills, ordenados por popularidad o actividad reciente.