For the complete documentation index, see llms.txt. Markdown variants are available by appending .md to any URL or sending an Accept: text/markdown header. The dithercn agent skill, for building any dither on the engine, is at /.well-known/agent-skills/dithercn/SKILL.md.
dithercn

Add dithers to anything in your app.

Primitives your agent builds with. dithercn gives your coding agent a dither engine and a skill that teaches it. Ask for a background, a chart or a loading state, and it builds one in your shadcn theme.

Ask for hero backgrounds, area charts, skeleton loaders, uptime bars, logo walls, headlines.

Read the docs

Paste it intoClaude CodeCodexCursorGeminiGrok

Start from an example.

52 components in 5 groups, all built on the engine. Install one as it is, or hand it to your agent to change.

See all 52 in the catalog

Ask for any dither.

The skill teaches your agent the engine, so one sentence is enough: what it is, where it goes, how it should feel.

Field notes for the trail

Maps, routes and the long way round.

A dithered topographic background behind the hero. Slow, and quiet enough to read over.

A 21-line GLSL field on DitherShader, written for this page.

One command, then ask.

Add the skill with the skills CLI, for Claude Code, Codex, Cursor or any other agent. Your agent adds the engine the first time it builds a dither.

$ pnpm dlx skills add https://dithercn.dev
.agents/skills/dithercn/
The skill, for Codex, Cursor, Gemini and others.
.claude/skills/dithercn/
The same skill, for Claude Code.
lib/dither/
The engine, added by your agent the first time it builds a dither.
globals.css
--dither-ink, --dither-paper and friends, from your theme.
What to ask your agent

Using shadcn? npx shadcn add installs the skill and the engine together. Installation has both commands.