Repository Index

Draw and edit draw.io diagrams by chatting with an AI. Web app, desktop app, and an MCP server for Claude Code, Cursor, Codex and VS Code.

• ai
• diagrams
• architecture-diagram
• claude-code

TranslatedNumbered hand-drawn style gallery and bilingual prompt Skill

TranslatedA skill that turns SRT subtitles into whiteboard hand-drawn animation with a warm beige paper background and flowing handwriting strokes: mask-based zone masking and arrangement + stream continuous strokes (ink→color).

• ai-skill
• hand-drawn
• opencv
• python

Topic in, narrated explainer video out. A Claude Code / Codex skill that turns any topic into a black-canvas motion-graphics explainer video with TTS voiceover, subtitles and a chapter progress bar. Chinese or English; every frame drawn in code with Remotion.

• agent-skills
• ai-agents
• ai-video
• claude-code

See how your app actually fits together. An interactive, plain-English map of your codebase, drawn by Claude or Codex.

• ai-coding
• architecture-diagram
• claude
• claude-code

Create Apple style dimensional drawings of UI components.

• skills
• ui

Art and animation, written as code. Illustrations, loops, interactive web art, launch-videos and scored films in dozens of styles, identical on every render.

• agent-skills
• animation
• canvas
• claude-code

TranslatedMake a complete hand-drawn explainer video from a topic or an article: part-by-part outline drawing, character-by-character writing, VoiceStudio voiceover, and five built-in production dependencies.

Animated, explorable diagrams for Claude and other coding agents, from a short JSON spec.

• agent-skills
• ai-agents
• architecture-diagram
• claude-code

Turn any SVG into a professional 60 fps animation. A Claude Code skill that brings anything drawn to life: live faces, full-body acting and whole scenes, in React Native and SwiftUI.

Agent tooling for generative LEGO models building, built with Astra and Opus 5.5, powered by Jev

• ai-3d-model-generator
• ai-agents
• ai-cad
• blender

Claude skill that draws interactive isometric figures in a single HTML file

• claude
• claude-code
• claude-skills
• isometric

Hand-drawn and pixel-art explainer videos written entirely in code — Remotion + React + SVG, procedural music & SFX, subtitle-driven timing

• animation
• explainer-video
• pixel-art
• react

Turn a scene prompt into a shot sheet, then have a coding agent draw the film in HTML. No video model.

• animation
• anime
• claude-code
• generative-art

A free skill for Claude Code and OpenCode (runs on a free model): one topic line in, a finished 15-25 s What If animated episode out. Every frame drawn in code (SVG + Remotion); voice and sound from ElevenLabs.

An agent skill that makes videos in pure code — narrated explainers and product promos in 32 visual styles (whiteboard, ink-wash, shadow puppets, pixel art, isometric worlds, movie trailers, manga, animated maps, Swiss kinetic type, blueprints, paper collage, Bayeux tapestry, stick-figure parables, pencil tests, pen-drawn worlds…), 16:9 and 9:16.

• agent-skills
• claude-code
• claude-skills
• explainer-video