fffuellisted

Route design needs to the right generator on fffuel (fffuel.co) — a large collection of free browser-based SVG generator and color tools (nnnoise, gggrain, ffflux, uuunion, sssurf, ooorganize, mmmotif, nnneon, hhholographic, bbblurry, ssshape, and ~30 more) — each mapped to its use case with a direct URL and what to tell the human to configure, plus the fffuel-specific integration gotchas (SVG filter outputs, ID collisions, tiling textures). Use this whenever a design needs noise or grain texture, a grainy/fluid/mesh gradient, holographic or iridescent backgrounds, neon glow shapes, isometric or grid patterns, repeating line/ripple/spiral/confetti patterns, arrows, blobs, or any generated SVG asset beyond what haikei covers; whenever someone says a surface needs "texture", "grain", "glow", or "a pattern"; whenever a fffuel.co URL or a downloaded fffuel SVG appears and needs optimizing, tiling, theming, or wiring into React/Next.js; and whenever choosing between fffuel and haikei for a generated background.
shashidharbabu/claude-design-skills · ★ 0 · Web & Frontend · score 60

Install: claude install-skill shashidharbabu/claude-design-skills

# fffuel fffuel (fffuel.co) is a **collection of ~40 free, browser-based SVG generator and color tools** by a single designer — one page per tool, each a parametric generator you tweak and export. There is no npm package, no API, no CLI, and no accounts. Like haikei, it is human-in-the-loop: Claude Code picks the tool, hands the human a URL and settings, waits for the exported SVG, then owns the integration. Tools export via **save** (downloads `.svg`) and **copy SVG** (markup to clipboard); companion utilities convert to PNG (`rrrasterize`) and to base64 CSS (`eeencode`). **License (verified from fffuel.co/license):** free for personal **and commercial** projects, no attribution required. You cannot sublicense, resell, share, or redistribute the images themselves. Provided as-is, no warranty. ## fffuel vs haikei — the boundary The **haikei** skill owns layered waves, blob scenes, blurry gradients, low-poly grids, peaks/steps, and scatter fields — and it owns the deep integration reference. fffuel owns what haikei lacks: | Need | Use | |---|---| | Layered waves, hero dividers, blob scenes, low-poly, scatter | **haikei** (see its `references/generators.md`) | | Noise/grain texture, film grain over a surface | fffuel `nnnoise`, `gggrain` | | Fluid / mesh / holographic / watercolor gradient washes | fffuel `ffflux`, `uuunion`, `hhholographic`, `wwwatercolor`, `aaabstract` | | Glow, neon, iridescent shapes | fffuel `nnneon` | | Isometric, grid, and repeating patterns | fffue