Skip to content
$99 onceUpgrade now
Lookbook

12-second example rendered by this skill from examples/isobar · 1280×720

About this skill

A website hero that draws itself in ink. Beside your headline, a hanging scroll of washi paper fills with sumi brush strokes as thousands of particles follow a seeded flow field, swirling into isobars around pressure centres, and every few seconds the next seed draws a new sheet over the last. It's built from one hero.json with your colours, fonts, logo, words, seal and colophon. You get one page, a paste-in embed, a still picture for reduced motion, and a frame-exact video recorded in your own Chrome. The same seed always draws the same scroll.

Lookbook wrote this package: the Motion Heroes kit, the seeded ink flow field and scroll, the still picture and the examples. The effect follows Anthropic's open-source Algorithmic Art skill (anthropics/skills, Apache-2.0); no code from that skill is included. Credits and licences for the open-source software and fonts it uses are in NOTICE.md inside the download.

Example request

Build an Ink Flow hero for Ostrel Editions' Isobar series: washi paper, indigo accent, headline 'Weather, in sumi.', seal 等圧線図, and record a 12-second video.

Similar Skills

View all
New
web
Scroll Route HeroClaude CodeCodexCursor+3
New
web
Bauhaus Timeline HeroClaude CodeCodexCursor+3
New
web
Pillar Terrain HeroClaude CodeCodexCursor+3
New
web
Riso Stamp HeroClaude CodeCodexCursor+3
New
web
Neon Bloom HeroClaude CodeCodexCursor+3
New
web
Pastel Orrery HeroClaude CodeCodexCursor+3
New
web
Frosted Glass HeroClaude CodeCodexCursor+3
New
web
Sunrise Pitch HeroClaude CodeCodexCursor+3

What you get

  • A self-contained hero page and an embed to paste into an existing site
  • A seeded flow field that draws itself in your ink and accent colours, as a framed scroll or open ink, on light or dark paper
  • A new sheet from the next seed every few seconds, the same picture for the same seed and time
  • A still picture for reduced motion and failures, and pausing off-screen
  • Checks at four widths for overflow, cut-off text and contrast
  • A 1080p MP4 and a poster, stepped frame by frame so the video is smooth on any machine
  • Open-source licenses for every part it builds on

Good fit

  • Product launch
  • Brand
  • Social media

Not for

  • Full multi-section landing pages (it is the first screen only)
  • Text drawn by the ink itself: the strokes are abstract, not lettering or a logo
  • Charting real weather or current data: the field is generated, not measured

Compatibility

Generates with

2D canvas (no libraries)Seeded flow field + particle brushMotion Heroes kitHeadless Chrome recorder + ffmpeg

Last tested Oct 25, 2026 in Claude Code, Codex, Cursor. Commercial use of everything you make is included.

Reviews

No reviews yet. People who install this skill can leave the first one.

Reviews come from people who installed this skill. Sign in

FAQ

Which agents can run Ink Flow Hero?

Any agent that reads SKILL.md folders, including Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI and OpenCode.

Do I own what I make with it?

Yes. Everything your agent makes with this skill is yours, including for client and commercial work.

What if it doesn’t work for me?

Tell us within 7 days of buying and we’ll fix it or refund you.