ABYR1206

Watercolor SVG — Development skill for Claude Code

Development community

Programmatic watercolor paintings as pure SVG — fractal edges, stacked multiply washes, arc-segment dry-edge deposition.

How to install Watercolor SVG

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

What Watercolor SVG does

Programmatic watercolor paintings as pure SVG — fractal edges, stacked multiply washes, arc-segment dry-edge deposition. Zero dependencies. Ships as a Claude Code skill.

Alternatives in Development

Cohort Analysis — Cohort retention curves, feature adoption, and segment insights 7.8k ★
Sanitize — Detect and redact PII from text files — 15 categories (SSNs, credit cards, API keys, etc.), zero dependencies 3.1k ★
Volume Arc — 主线拆纲 skill 669 ★

README

watercolor-svg

Programmatic watercolor paintings as pure SVG — paper grain, wet edges, pigment granulation, broken dry edges, radiating brush strokes. Deterministic: the same seed always yields the same painting.

[简体中文](README.zh-CN.md)

![Six forms and six palettes](examples/overview.jpg)

Packaged as a [Claude Code](https://claude.com/claude-code) Agent Skill, but the generator is a **zero-dependency Node script** — use it standalone, no AI tooling required.

Quick start

node scripts/watercolor.js --list
node scripts/watercolor.js --form hibiscus --palette indigo --seed 20863 --out flower.svg
scripts/render.sh flower.svg flower.png 1200      # optional PNG export

Not sure which seed? Batch a few and pick:

node scripts/watercolor.js --seeds 7,41,4174,20863 --out f.svg

Install as a Claude Code skill

git clone https://github.com/ABYR1206/watercolor-svg.git ~/.claude/skills/watercolor-svg

Then just ask for a watercolor illustration — the skill triggers on its own.

Why it looks like watercolor

Nine layers, each reproducing one physical behaviour of paint on wet paper.

#	Step	What it solves
1	Tapered-ellipse petal outline	Petal silhouette, pointed at the base
2	Fractal edge deformation	Recursive midpoint + normal-displaced jitter, halving each pass → self-similar edges. Smooth béziers never look wet.
3	Scalloped lobes	Integer-frequency sine along the perimeter → rounded notches
4	15–20 stacked low-alpha layers	`alpha ≈ 0.03` under `mix-blend-mode: multiply` — pigment settling coat by coat
5	In-petal puddles	Contract the outline around a random point on the petal axis, biased toward the flower centre → dense middle, pale rim
6	Arc-segment edge deposition	The one that matters most — see below
7	Radiating strokes + paper reserves