ai-iso-skill

AI Design Skills is an MIT-licensed collection of Markdown design skills for AI coding tools such as Claude Code, Cursor, Codex, Windsurf, and Cline. Its skills provide coding agents with guidance for landing-page strategy, page structure, conversion copy, typography, spacing, visual systems, border radius, and motion. Each skill is stored as a self-contained folder with a SKILL.md file that can be copied into an agent's project-rules directory, added to a system prompt, or uploaded to a Claude.ai project. The repository currently documents a landing-page-design skill that asks intake questions, builds the page structure and copy, and defines the visual system; its design values are grouped in an editable section so users can change fonts, colors, spacing, and motion. The collection can be forked and used, modified, distributed, or used in commercial work under the MIT license.

Anatomy is an open-source agent skill for Claude Code, Antigravity, OpenCode, and Codex that explains technical ideas by constructing interactive isometric illustrations of physical machines, instruments, tools, or other mechanisms. It uses a workflow that collects the relevant numbers, invents a physical object for the concept, creates a parts list and geometry, renders parts back to front, adds interaction, and verifies the result with geometry and browser checks. The skill can produce standalone HTML pages, embedded SVG files, or React/Next.js components. Its SVG kit provides isometric solids, round parts, pipes, cables, four-tone shading, animation, cards, and live readouts; optional WebGL layers add effects such as fire, exhaust, water, caustics, light, and glow, while a beta 3D mode re-projects and re-shades moving parts each frame. The repository includes Node build scripts, complete examples, React components, reference guides, and headless Chrome tools for screenshots, scripted interaction, line-end checks, and geometry audits. It uses Node.js built-in modules without npm dependencies for the kit and examples, with React 18+ required for React output and Chrome or Chromium required for browser checks. The project is distributed under the MIT license. Its stated limits include not being a chart library, not targeting people or exact maps, and requiring WebGL for shader effects.

Three.js Game Skills is a set of self-contained Codex and Claude Code agent skills for building playable Three.js browser games. Its threejs-game-director skill routes work across gameplay, graphics, UI, asset generation, audio, debugging, and release verification, so users can request an outcome without manually selecting specialist skills. The package includes SKILL.md files, references, checklists, prompt templates, helper scripts, and a Vite, TypeScript, and Three.js scaffold. Generated games include deterministic test hooks and seeded randomness, with Playwright templates for smoke tests, visual-regression baselines, and bot playtests; the documented workflow also checks browser behavior, mobile viewports, visual output, UI, performance, and release readiness. It is created by Majid Manzarpour and can be installed for Codex or Claude Code through the skills CLI or the repository's installer.

genart-skill is a Claude Code plugin that provides an AI coding skill for generative art. It teaches deterministic, hash-seeded compositions, including seeding a pseudorandom number generator from a token hash, using named sub-streams, rendering the same composition at different resolutions, and designing traits and rarity tables for editions. It covers Canvas 2D, p5.js, Three.js/WebGL, and SVG, with guidance on ethics, platform-specific workflows, debugging, keyboard shortcuts, PNG and video export, and print and pen-plotter output. The plugin includes scripts for checking same-machine repeatability, distinctness, global-state isolation, and feature stability; rendering a hash-specific PNG or contact sheet; measuring rarity across a census; and exporting batches of images. The scripts can be run in a project and use Playwright when browser rendering is required. The repository explicitly limits its determinism claims, noting that GPU shader compilers, floating-point behavior, rasterizers, MSAA, and JavaScript engines can prevent cross-machine equivalence. It is installed through the Claude Code plugin marketplace and is maintained by Camille Roux. The repository says that CI tests the scripts against a known-good fixture and a deliberately broken variant, while a monthly check verifies that platform-documentation URLs still resolve. It is licensed under the MIT License.

Animate is a Claude Code skill and plugin for creating short animated videos procedurally in code. It builds a self-contained canvas animation and renders it to MP4 with a headless browser and ffmpeg, using an intake flow followed by story, visual-style, and storyboard approval checks before rendering. The skill includes seven built-in styles—cut paper, crosshatch, risograph, sketchbook, math, pixel, and isometric—and can create an additional style from reference media by measuring its palette, line weight, texture, motion, and cut rhythm. It supports beat-mapped or code-composed music, narrated voice-over timing, real product screenshots, shape-morph transitions, and 9:16, 1:1, 4:5, and 16:9 outputs from one piece. The repository provides command-line tools for building, previewing, storyboarding, exporting, reviewing, comparing references, and checking rendered frames; it is distributed under the MIT license.