Skip to content
Founding Lifetime: every Pro skillfirst 100 members · $169 onceUpgrade
Lookbk
Sign In
Open live demo

The page this skill built from examples/paperwind, working in your browser. Opens in a new tab. Also: Halden.

10-second example rendered by this skill from examples/paperwind · 1280×720

Example settingswhat each example above was built from

examples/paperwindhero.json
Brand
Paperwind
Headline
Notes light enough for the line.
Badge
Version 2 is out
Colors
background #d9e8f6 · ink #0f1722 · accent #2f6fd6
Mode
light
Fonts
Manrope and Inter
examples/haldenhero.json
Brand
Halden Linen
Headline
Hang it at dusk. Dry by morning.
Badge
Autumn weave, in stock
Colors
background #1c2140 · ink #f6efe4 · accent #f0a46b
Mode
dark
Fonts
Fraunces and DM Sans

What you get

  • A one-file hero page plus a paste-in embed for an existing site
  • A cloth that dents under the pointer and can be grabbed and pulled anywhere, by mouse or finger
  • Your print on the cloth: name, small line, big words, up to 6 specs, a small chart and a web address, in your fonts
  • A midday or dusk sky with drifting clouds, 2 to 6 wooden pegs and your line and cloth colors
  • 27 documented settings, from breeze and dent depth to cloth shape and cloud cover
  • A frame-perfect 1080p MP4 and poster in which a drawn pointer pulls the cloth (portrait sizes too)
  • An SVG still when WebGL or the CDN fails, and a still frame for reduced motion
  • Contrast and layout checks at 390, 768, 1024 and 1440 px
  • Open-source licenses for every part it builds on

Good fit

  • Product launches that want visitors to play with the first screen can print the release name, big words and specs on a cloth people pull around.
  • Linen, laundry, outdoor and travel brands can hang their own poster on a line under a midday or dusk sky that matches the product.
  • Social teams get a 1080p video in which a drawn pointer pulls the cloth and lets go, recorded frame by frame so it looks the same on any machine.

Not for

  • Printing a photo or your own artwork on the cloth (the print is drawn from your words)
  • Real fabric behavior like tearing or the cloth folding against itself
  • Full landing pages below the hero (see the Landing Pages series)
  • Centered copy layouts

About this skill

A hero section visitors can touch. Your poster is printed on a cotton cloth pinned to a washing line with wooden pegs, under an open sky with drifting clouds. Hover and a fingertip dents the cloth; press and drag to pull it anywhere, fold a corner over the line, then let go and it swings back and settles. It is a real cloth simulation, not a video, and works with a finger on phones. Your agent prints your name, big words, specs and web address on the cloth in your fonts, sets the sky to midday or dusk, checks the page at four widths and records a 1080p video in which a drawn pointer pulls the cloth.

Example request

Build a Washing Line hero for Paperwind 2, our notes app: light blue midday sky, the cloth printed 'Light enough for the line.' with our release specs, headline 'Notes light enough for the line.', and record a 10-second video for the launch post.

Similar Skills

View all
web
Garment Rail HeroClaude CodeCodexCursor+3 more agents
web
Particle Portrait HeroClaude CodeCodexCursor+3 more agents

Details

Output
Interactive WebGL hero · page + embed · 1080p MP4 + poster
Needs
Node.js 18+, Chrome (or Chromium/Edge), and ffmpeg for the video
Series
Motion Heroes · 71 skills
Updated
Nov 1, 2026
Checked
Oct 30, 2026: its own commands ran and passed. That is a working check, not a security audit.

Generates with

three.js r180 (pinned with SRI)Verlet cloth simulation, fixed 120 Hz stepMotion Heroes kitHeadless Chrome checks and frame-stepped recorderffmpeg
Good forProduct launchBrandSocial mediaWeb design

Installed it? Tell others how it went. Reviews come from people who installed this skill.

Write a review

FAQ

Is it a video, or can visitors really drag it?

Visitors really drag it. The cloth is a live simulation in the page: a fingertip dents it on hover, and pressing grabs a patch of it that follows the mouse or finger until you let go. The MP4 is a recording of the same page with a scripted pointer, for social posts.

Can I print my own picture or artwork on the cloth?

No. The page draws the print from your words: a name of up to 28 characters, a small line, big words of up to 48, up to 6 spec pairs, a small decorative chart and a web address, in your fonts and colors. The chart bars come from a seed, not from data.

Does it work on phones, and does it block scrolling?

It works with a finger. The page only stops scrolling while a finger holds the cloth, so swiping beside it still scrolls. On phones the line and cloth come first, then the words. With reduced motion visitors get one still frame, and without WebGL an SVG still.

Which agents is Washing Line Hero written for?

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?

Email support@lookbk.dev within 7 days of buying and we’ll fix it or refund you.

Credits and licensesBuilt on mrdoob/three.js

What Lookbk adds on top of mrdoob/three.js (MIT): Lookbk wrote this package: the cloth simulation, the sky shader, the print, the pegs and line, the touch and pointer handling, the scripted recording gesture and the Motion Heroes kit. It loads three.js r180 (MIT) from a pinned CDN with SRI.

Credits and licenses for the open-source software and fonts it uses are in NOTICE.md inside the download.