genjutsu
genjutsu is a set of skills for Claude Code that adds motion, micro-interactions and design systems to web, Android and iOS interfaces for developers and designers building apps.
What it is good for
- Adding motion and hover effects to a website
- Giving a product interface a consistent visual design
- Building a complete multi-page website from a short request
- Avoiding generic AI-looking interface design
At a glance
- Who it is for
- Setup
- Guided command-line setup
Level 4 of 5. You copy and paste commands into a terminal by following the instructions. Comfortable territory for vibe coders.
- Cost
- Free and open source
- Type
- Skill or plugin
- Tasks
- Works with
- Claude Code, claude.ai, Cowork, Three.js, GSAP, SwiftUI
Momentum
- Rank this week
- Not ranked yet
- Best rank
- None yet
- GitHub stars
- 722
GitHub numbers as of Nov 2, 2026. Updated weekly.
Official links
Setup steps are on the official pages. We do not repeat them here, since they change.
Questions
- Is genjutsu free?
- Yes. It is free and open source.
- Do I need to know how to code to use genjutsu?
- You do not need to write code, but setup means copying and pasting commands into a terminal by following its instructions.
- What does genjutsu work with?
- According to its own documentation, it works with Claude Code, claude.ai, Cowork, Three.js, GSAP, and SwiftUI.
- What is genjutsu good for?
- Adding motion and hover effects to a website, giving a product interface a consistent visual design, building a complete multi-page website from a short request, and avoiding generic AI-looking interface design.
Similar agents
- Impeccable
Impeccable is a set of design commands for coding agents that steers, reviews, and polishes interfaces to avoid generic AI-looking design.
- AI Website Cloner Template
AI Website Cloner Template is a skill that recreates an existing website as a Next.js app for people who want a copy of a site's design and layout.
- stitch-skills
Stitch-skills is a library of skill add-ons that teach coding agents to turn Google Stitch designs into code, design systems, and assets for designers and developers.
- Skills
Skills is a collection of agent skill folders that teaches Codex, Claude, and Cursor how to build landing pages, 3D scenes, and UI prompts for designers and builders.
- UX/UI Agent Skills
UX/UI Agent Skills is a skill that helps coding agents design interfaces to a professional standard and checks the result with 52 gates for developers.
- refactoring-ui-skill
Refactoring UI skill is a Claude skill that reviews web interface designs against a rulebook and generates design tokens for people building web UI with AI.