uilianks

Vex — AI skill for Claude Code

AI community

2D vector game art as code: a DSL that exports SVG/PNG sprites, animations and atlases, with a live viewer.

How to install Vex

This entry records only its repository, not the path inside it, so there is no exact command to give. Open uilianks/vex and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Vex does

2D vector game art as code: a DSL that exports SVG/PNG sprites, animations and atlases, with a live viewer. Inspired by claude-pxl.

Alternatives in AI

Dashboard Icons — 3,400+ curated icons and logos for dashboards and AI agents 8.9k ★
Architecture Diagram Generator — Generate beautiful dark-themed system architecture diagrams as standalone HTML/SVG files 7k ★
Agent Rules Books — AGENTS.md rules / skills for AI coding agents: Codex, Cursor & Claude Code 2.6k ★

README

vex

**2D vector game art as code.** Write a small `.vx.js` file of shapes, parts and variants; vex exports SVG + PNG for every asset, animation strips and sprite atlases with TexturePacker/Aseprite-style JSON, and previews with coordinate rulers that an AI agent can read. A live viewer rebuilds on save and replays each asset step by step.

Built for AI agents (it ships as a Claude Code skill) and just as usable by hand.

Part of a family: **vex** (vector art), [**pxl**](https://github.com/uilianks/pxl) (pixel art), [**chirp**](https://github.com/uilianks/chirp) (game audio), [**kiln**](https://github.com/uilianks/kiln) (low-poly and voxel 3D) and [**loom**](https://github.com/uilianks/loom) (seamless textures and PBR materials).

Inspired by [**claude-pxl**](https://github.com/crsolver/claude-pxl) by crsolver, a pixel-art DSL for agents. vex takes its architecture (sandboxed art files, lazy cached builds, located errors, live painting viewer) and redesigns it for vectors: smooth shapes, gradients, glow, silhouette outlines, transforms, procedural animation, grain and blend modes.

Showcase

Everything below was written as code in vex. Sources are in [`showcase/`](showcase/).

Hand-drawn: ink, paint and hatching

![A swamp toad with a lantern and a dagger, inked and painted in a hand-drawn card-game style](docs/media/hand_drawn.png)

Source: [`hand_drawn.vx.js`](showcase/hand_drawn.vx.js). Ordinary vex shapes with three style keys: `ink` (a wobbly line whose weight follows the light and tapers at the ends), `shade` (form shadow, highlight, rim light and brush texture from one light direction, colors from the palette ramps) and `hatch`. Anims can `boil` the lines, and Spine export keeps the look on every bone.