AI Agent Tools

diagram-design42.5k★

Diagram-design is a Claude Code skill for editorial-quality diagrams. Architecture sketches, flowcharts, sequence diagrams, quadrants, pyramids. 13 types total, all rendered as self-contained HTML and SVG with no JavaScript or build step. The output is opinionated: low density, restrained color, accent used sparingly on the one or two things that matter. It looks like something a design team made, not generic AI output. Install is clone or plugin, then tell Claude to onboard it to your website and it pulls your brand palette and typography from your homepage. After that every diagram uses your colors. The skill activates automatically when you ask for a diagram. Solo writers and technical bloggers: install it. Small teams with a brand style guide: install it team-wide and onboard to your site. Large teams with a design system: the editorial constraints may conflict with your existing design language, evaluate first. The catch: the plugin route puts the skill in a cache that updates overwrite, so style-guide customizations get wiped unless you clone the repo and symlink. And the opinionated style is the whole pitch. If you want Mermaid-style diagrams, this is the wrong tool.

img2threejs17.0k★

img2threejs takes a reference image and rebuilds the object in it as procedural Three.js code, using primitives and shaders instead of a downloaded mesh. It is an agent skill, not a library: you install it into Claude Code, Codex, or OpenCode and the agent runs the pipeline. Apache 2.0 since July 2026, when it moved off MIT. The design is the interesting part. Deterministic Python scripts handle validation, quality gates, and code generation using only the standard library, while the model's tokens go to the visual judgment steps: look at the image, assess it, review the render. Version 2.0 turned it into a plugin system with an img2 installer, official plugins for characters and Counter-Strike 2 weapons, and a GLB export path. Web developers who need 3D objects and would rather not model them or license assets are the audience, mostly solo and small teams. Subjects are classified as object, character, or hybrid, and characters route through an anatomy-aware track. The catch: it is strongest on hard-surface objects, and the project says so. Characters come out as stylized reconstructions, not photoreal likeness, even with the new opt-in projection path. It is also token-hungry by the README's own admission, estimating roughly 80k to 180k tokens per object. It will tell you when an image cannot reach the fidelity you asked for.

video-shotcraft9.7k★

video-shotcraft is a skill you install into Claude Code or Codex that turns your coding agent into a motion-design studio. Ask it for a product video and it storyboards, animates real page captures with 3D camera moves, syncs cuts to a beat, and adds sound design, then renders the whole thing through Remotion. Apache-licensed, no API keys, free. It installs with npx skills add and runs inside the agent and Remotion toolchain you already have. Node 22, and if you're rendering headless on Linux you'll need a Chrome headless binary and low concurrency on small machines. Moderate setup, mostly because of the render pipeline, not the skill itself. This is the same pattern as the best agent skills: heavy, reusable assets (over a hundred shot recipes, motion previews, sound effects, ready-made Remotion components) plus a documented method, so the agent isn't improvising from scratch. For a solo developer or small team that needs product videos and doesn't want After Effects, it's a useful free option that lives right in your editor. Two catches. First, only one finished template ships today, so you're getting a strong framework with more promised rather than a full library right now. Second, it leans on Remotion, which is free for individuals and small teams but can require a paid license for companies, so check that before you ship commercial work. The skill is free; the render engine's licensing is the fine print.

lottie5.5k★

This turns "make me a loading spinner animation" into actual Lottie code through your AI coding agent. Lottie is the format apps use for lightweight vector animations, and creating them normally means After Effects and a plugin. diffusionstudio/lottie installs as a skill for agents like Claude Code, then converts an SVG or a plain-text description into working animation code you can drop into web, React Native, iOS, Android, or Flutter. Setup is one command, npx skills add diffusionstudio/lottie, and you're generating animations by prompting. There's nothing to host and no account. Because it produces standard Lottie JSON, the output plugs into the same players and tooling you'd already use. The whole thing is MIT-licensed and free. Developers who need simple animations but don't have a motion designer, or don't want to learn After Effects, are the target. It won't replace a real animator for complex, hand-crafted motion work. For spinners, icon transitions, and straightforward UI animation, it's a fast path from idea to code without leaving your editor. The catch: it leans on your AI agent, so the quality of what you get tracks the quality of your prompt and your model. Intricate animation is still beyond what a text prompt produces cleanly, this shines on the simple-to-moderate stuff. Think of it as a head start, not a finished motion-design studio.

baoyu-design4.2k★

Baoyu-design turns your AI coding agent into a UI designer. Describe a screen and it generates a polished, self-contained HTML mockup, prototype, wireframe, or even a slide deck, right inside Cursor or Claude Code. It's a local, MIT-licensed take on Anthropic's claude.ai/design feature, so you get that capability without the hosted product. It has grown fast. Version 1.2 added routing across 13 project types plus workflows for 3D objects, data visualization, HTML email, maps, and landing pages, on top of the design-system, deck, and mobile-layout skills it started with. Output is self-contained HTML with exports to PDF, editable PowerPoint, and into Figma or Canva. Install is a single command through the skills CLI, and it works across Claude Code, Cursor, Codex, and a long list of other agents. This is the open alternative to claude.ai/design, and it overlaps Figma AI, v0, and Lovable for spinning up mockups fast. It does not replace Figma as a collaborative design tool; it replaces the "generate me a first draft" step. Solo builders and small teams who want quick UI drafts: install it and go. The catch: quality leans hard on running a strong model, Opus 4.8 specifically, inside a paid coding agent, so "free" assumes you already pay for the agent underneath. It's also solo-maintained and reshaping itself release to release, so expect the shape of it to keep changing.

sepia2.9k★

sepia is a writing skill that attacks AI tells at the structural layer instead of the word layer. Most humanizers swap vocabulary and shuffle syntax. sepia cites StoryScope, a 2026 study of 61,608 stories, which found a classifier using narrative-structure features alone identifies AI fiction at 93.2% macro-F1 and barely drops when surface style is edited away. So it works on the architecture: narrators who explain the theme, causally tidy single-track plots, emotion rendered only as bodily sensation, no real-world references, endings resolved by growth and acceptance. MIT licensed. It installs as a portable Agent Skill, so any agent speaking that spec can load it, with native plugin packaging verified on Claude Code, Codex, Grok Build and Antigravity. One canonical SKILL.md, no per-platform forks. Four operations: write, review (diagnose only), refactor (minimal edits), and recreate (full rewrite). Professional prose gets its own rule files per venue, covering release notes, PR replies, postmortems, tickets and technical articles. Free with no tiers. Anyone whose drafts come out sounding like a model wrote them gets real value, especially on the professional side where the rules are concrete: answer first, cite file and line, no reflex praise, length proportional to stakes. The catch is that this is a prompt, not a guarantee. It calibrates toward the human distribution rather than inverting the AI one, which is the right instinct, but nothing here beats an actual detector and treating it as a compliance tool would be a mistake.

PawWork_ZhuaZhua2.9k★

Paw Work is a Chrome extension that turns a web page into raw material for an AI agent. You flip on Paw Mode, click the parts of a live page that matter (product photos, a table, a block of copy), then describe the outcome you want, and it hands back an editable file: a spreadsheet, an 8-page deck, a poster, a document, or a working HTML site. Bring your own model key; it is MIT and there is no server. The selection-first idea is the point. Instead of dumping a whole page at a model and hoping, you point at exactly what you want and the agent works from that. Generated code runs in a sandboxed QuickJS VM that never touches the page DOM or your other files, and complex jobs show you a plan card to approve before anything is written. Your keys stay in the browser and go only to the endpoints you set. For turning messy web content into something you can actually edit and keep (decks, comparison sheets, docs) this is a sharp little tool, and the privacy model is better than most browser agents. The catch: it is not on the Chrome Web Store yet, so you load an unpacked extension yourself, and quality rides entirely on whatever model key you plug in. Early, but the approach is right.

scroll-craft2.8k★

scroll-craft is a Claude Code skill that builds scroll-driven websites and refuses to make them generic. In plain terms, it is a plugin for Claude Code that generates high-end animated landing pages where scrolling drives the whole experience: video scrubs frame by frame, sections pin while their point advances, headlines assemble line by line. MIT licensed, free to install. The interesting part is the guardrails. Most AI-generated sites fail in one of two directions, either forgettable or flashy-but-broken, with unreadable contrast and headlines that wrap to six lines on a phone. scroll-craft encodes a typography floor, a real spacing scale, and a fingerprint gate that forces each build to differ from the last so two pages cannot quietly converge into the same template. Then it drives a headless browser over the finished page to catch dead scroll and measure contrast per line on the composited page. Setup wants Node 18+, a full ffmpeg build, and Playwright, and the README is honest that a stripped-down ffmpeg is the most common thing that breaks. Who should use it: anyone working in Claude Code who builds marketing or landing pages and is tired of the same six-section AI layout. Solo devs and designers get it free. Teams can point it at a brand kit and its hard rules win, which makes it more reliable than a one-off prompt. The catch: it is a skill, not a product, so output quality rides on Claude Code and on your inputs, and the toolchain is finicky to stand up. The self-verification is genuinely clever, but as the author admits, a machine can prove a page works and still not tell you it means anything. That last mile is yours.

oil-motion2.4k★

Oil-motion is an agent skill that manufactures scroll-driven web animations using AI video generation. The agent locks keyframes, has a video model fill the motion between them, reviews the frames, and ships a sprite sheet or chroma-keyed MP4 wired to scroll position. At 30% scroll you see frame 30. MIT licensed, but the workflow requires a paid ZenMux API key, so every animation costs real money per generation. Setup is Python, Pillow, and ffmpeg plus the key, and the pipeline expects a human to approve keyframes and review output. The skill's docs are in Chinese, which matters since the agent reads them to do the work. Its own docs draw the right line: for ordinary translation, scale, and rotation, write code; GSAP and Motion do that deterministically and free. The paid generation only earns its cost for what it calls semantic motion, product teardowns and material changes that CSS transforms can't fake. The catch: output is baked at build time, regeneration can drift your product's proportions, and days-old viral projects have no track record. A hand-built GSAP timeline is still the default answer.

pixel2motion2.3k★

Pixel2motion takes a static logo and turns it into an animated SVG, through your AI coding agent. Hand it a PNG, JPG, or WebP and it produces a smooth animated vector, an interactive HTML demo, GIF and video previews, and automated checks on the animation quality. It is aimed squarely at brand and logo motion work, MIT-licensed and free. Setup is heavier than most agent skills. The rendering and QA run locally and lean on a real toolchain: Python 3.10+, Pillow, NumPy, and Playwright driving a headless Chrome. So 'install and go' here means installing that stack first. It is also young, around twenty commits, and tied to running inside Claude Code or Codex rather than working standalone. This is for designers and developers who already live in an AI agent and want logo animation without opening After Effects. Solo or team, it is free. Skip it if you do not work inside an agent, or if you only need a single animation, in which case a motion designer or a one-off tool is less setup than standing up Playwright and Chrome. The catch is the toolchain and the maturity. The idea is sharp and the built-in QA step is a nice touch, but you pay for it in local dependencies and early-project rough edges. For polished, hand-crafted brand motion, this is a starting point, not a replacement for a real animator.

drama-skills2.3k★

Drama Skills is a ten-skill pipeline for producing AI short dramas and motion comics, the vertical-video serial format that is enormous in China and creeping into Western apps. Hand it an idea or a long source text and it carries the work through episode scripts, visual continuity, storyboards, image and video prompts, generation, and a cut list that renders into a finished film. MIT, Python 3.9 or newer, running inside Claude Code, Codex, or any runtime that supports Agent Skills. The interesting part is where it came from. The team ran a motion-comic studio through more than a thousand projects and roughly 80,000 lines of in-house GUI tooling, then threw the GUI away and distilled the whole line into skills that operate on plain Markdown. Each episode is five files. Confirmation comes before production: prompts land in files first, and the production skill shows you the exact count, references, parameters, and adapter before it executes anything. Anyone producing serialized AI video at volume should look hard at this. Everyone else probably should not. The value is workflow discipline, not any individual prompt, and that only pays off past a certain output rate. Free at every team size. The catch is language and the bill behind the pipeline. Project files are named in Chinese by default and the primary README is Chinese, with the English translation trailing it. The skills are free but the pixels are not: the production step drives external adapters with bundled profiles for Seedance, GPT Image 2, MiniMax video, and MiniMax Music, every one of them billed to your own keys. That confirmation gate exists because those runs cost real money.

anything2explainer2.1k★

anything2explainer turns a topic into a narrated motion-graphics explainer video. It is a skill for Claude Code or Codex, not an app: the agent researches with sources, writes the script, generates voiceover, storyboards every shot, then writes each shot as a Remotion component. You get a 720p MP4 with subtitles, chapter cards and a progress bar, in English or Chinese. Setup is real. You need Node 18+, ffmpeg, a Python environment with edge-tts, and kokoro plus espeak-ng for English voices. A 3 to 5 minute film takes about two hours with eight build agents working in parallel, and around 2 GB of disk. It stops at four checkpoints for your sign-off, including a 30-second preview before the full build. Solo creators and educators who want explainers without learning After Effects get a lot here, and every shot is code you can fix one file at a time. Hours of parallel agents also means a real model bill. The same author's video-shotcraft covers product videos under Apache 2.0. The catch is two licenses. The skill is PolyForm Noncommercial, so commercial use needs the author's permission. Remotion underneath needs a paid license, $25/mo per seat, once your company passes three employees.

holo-card-studio1.8k★

Describe a card and get back a holographic collectible that shimmers as you drag it around the browser. holo-card-studio is an agent skill rather than an app: the agent paints four layers (subject, background, line art, text), builds a Blender scene with parallax and foil and sparkle, exports the geometry, and assembles a Three.js page that rebuilds the same look in the browser. MIT, and the skill itself is just scripts and text. Setup is lighter than it sounds. You need Python with Pillow and Node with npm. Blender it fetches on its own, pulling an official portable build into the project folder and verifying the SHA-256, so nothing lands system-wide. It ships as a Codex skill and leans on the agent's built-in image generation, and its instructions explicitly forbid quietly substituting a paid image API. Solo and hobbyist: this is the fun one. Small teams have real uses, character cards for a game, conference giveaways, onboarding cards for new hires. Large teams: no. The catch: the Blender file and the web page are two separate implementations of one effect. glTF does not carry a custom shader graph, so the Three.js viewer rebuilds it with matching UV math. Edit the materials in the .blend and the page will not follow you.

beautify-github-readme1.8k★

beautify-github-readme is an agent skill that redesigns your project's README. It reads the actual repository first, works out what the project does and what evidence exists that it works, then builds a page around that: custom SVG title art, a real content hierarchy, and embedded proof. Install with npx skills add oil-oil/beautify-github-readme. MIT licensed. Two modes: a full README redesign, or assets only when you just want a hero image or a diagram and intend to write the copy yourself. The constraint that matters is that it keeps text in Markdown rather than baking it into images, so the README stays searchable and diffable. Plenty of pretty-README templates fail exactly there. Maintainers of small and mid-size open source projects get the most out of this, especially anyone whose README is currently a wall of installation steps. Larger projects usually have design help already. Free, with the cost being whatever agent you run it through. The catch: the entire pitch is that it derives a project-native look rather than stamping one template, and the four sample heroes genuinely do look nothing alike. Whether that holds after a few thousand repos push their READMEs through the same skill and the same model is the open question, and nobody knows yet. Use it for structure and hierarchy, which is where the value sits either way, and give the generated art a hard look before you ship it.

dream-loop1.6k★

dream-loop makes AI coding agents better at visuals by giving them a picture to aim at. The agent first generates an image of what the finished scene should look like, builds toward it, then a separate critic agent compares a live screenshot against that target and sends notes. It loops until the critic is satisfied. MIT licensed, installed as a skill. Install with npx skills add achimala/dream-loop or clone it into your skills folder. Your agent needs image generation, either built in like Codex or through an API key such as Gemini, plus vision input and ideally subagents. Blender is optional for custom 3D models, and the author prefers the Blender MCP over computer use. Developers building browser games, 3D demos or visually heavy pages get the most from it. The showcase is a Three.js isometric fantasy scene from a one-hour, time-boxed prompt, with a live demo you can click around. The skill is free, but every loop spends image generation and model calls. The catch is testing. The README says it has only been run with GPT-6 Astra in Codex, so on any other agent you are the test case. It is also a new repo from one developer.

gbro-collage-broll1.3k★

gbro-collage-broll is an agent skill that turns a five-second voiceover line into a matching B-roll clip in an editorial halftone paper-collage style. Clone it into your agent skills directory and it walks a three-gate workflow: confirm the visual metaphor as text, approve a static frame, then generate the video. MIT licensed. Those gates are the design decision worth noting. Video generation is the expensive step, so the skill makes you sign off on the concept and then the still image before it spends anything. Requirements are a Codex environment, a Gemini API key, Python 3.10+, google-genai, and ffmpeg. Gate 2 leans on Codex's built-in image_gen tool for the static frame, so this is a Codex skill first even though it drops into any skills directory. Output is a silent 720x1280 nine-by-sixteen MP4 at 24fps. Solo creators and small video teams producing short vertical content are the audience. The skill itself costs nothing. Google's video generation API is where the money goes, and at five seconds a clip a finished video means a lot of calls, so price that out before you build a workflow around it. The catch: one aesthetic. Halftone paper collage is a strong look and a narrow one, and every clip you make will match every clip anyone else makes with this skill. Output is also silent by design, so audio stays your problem. Useful as one texture in an edit, not as your whole visual language.

lanshu-animated-architecture-diagram986★

This is a skill for coding agents that turns a JSON spec into a hand-drawn-style architecture diagram, the kind you see in polished technical explainers. Feed it a description of your system and it renders three things at once: an editable Excalidraw file, a static PNG, and an animated GIF with flowing connection lines. It runs locally with Pillow, no external API, no headless browser, and it's MIT licensed. Setup is about as light as it gets. Python and Pillow, no GPU, no Docker, no keys. The AI half runs inside whatever agent you already use, Codex or Claude Code, so the skill itself adds nothing to your bill. It even does a frame-diff check to confirm the GIF actually animates, which is a small touch that shows the author cared. Set your expectations to match the scope. This is a single-author micro-tool with one fixed layout preset and a narrow job: making one specific style of dark-canvas diagram look good. If that's the look you want for a blog post or docs, it's a fast way to get there. If you need flexible diagramming, Excalidraw itself, Mermaid, or D2 give you far more control. Use this when you want the animated explainer aesthetic without hand-placing every box, and nothing more.

reelbench-skills843★

reelbench-skills is a set of three Claude Code and Codex skills for people who work with video. video-shots breaks a finished film into a shot-by-shot table: duration, shot size, camera move, frame description, and rhythm. video-sync composites the footage with that shot data alongside it, switching at every cut. video-scrub rebuilds a file with only picture and sound, leaving GPS, device, and account metadata behind. Apache 2.0 and free. Install is a git clone and one script that symlinks the skills into your Claude Code or Codex skills folder, so a git pull updates them. Requirements are Node 18 or later plus ffmpeg and ffprobe. No npm dependencies and no API keys, because the model work runs on the agent session you already have. ffmpeg does the measuring and the model only makes the judgment calls. Free at every size. Editors, film students, and anyone studying how a video is cut get the most from video-shots, whose output is a single offline HTML report with a player, a pace strip, and a searchable shot list. video-scrub is for anyone publishing footage who does not want to leak where and on what it was shot. The catch: it is one person's project, the primary README is Chinese with an English translation alongside, and the author promotes a paid WeChat community in it. Shot analysis also spends your agent's tokens on every run.

handdraw-story-video775★

handdraw-story-video turns a set of 7 to 9 hand-drawn illustrations into a 35 to 45 second vertical video where the line art draws itself in and then fills with color, left to right. It is a real build pipeline you clone and run, not a hosted service. MIT on the code. Setup is the heaviest thing about it. Python 3.10+, Node 18+, FFmpeg, plus HyperFrames and GSAP from npm. You configure a story JSON with your scene data, run a script that extracts line art from your color images, drop the assets into place, then build and render. The render pipeline needs no API keys and no external services, which is unusual in this space right now, though in practice most people will generate the color master images with an image model first. Illustrators and small content teams making short-form vertical video are the fit. The repo root conforms to the Codex Skill structure, so you can install it into your skills directory and trigger it from an agent instead of running the commands yourself. Free at every size, since the only compute is your own machine. The catch: it does exactly one visual effect. Line reveal, then gradual coloring, vertical format, fixed length band. That is a template, and templates go stale fast on the platforms this targets. The MIT license also covers code only, so the fonts, music, and any generated images you feed it carry their own terms.