# Washing Line Hero

> 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.

- Output: Web, Interactive WebGL hero · page + embed · 1080p MP4 + poster
- Price: Free
- Page: https://lookbk.dev/skills/washing-line-hero

## What you need

- Node.js 18 or newer. Nothing to install.
- Chrome, Chromium or Edge, for the checks and the recording (the scripts find it; set `CHROME_PATH` if they don't).
- ffmpeg, for the video (`brew install ffmpeg`, `winget install ffmpeg`, `apt install ffmpeg`; or set `FFMPEG_PATH`).
- Internet access when the page is opened: three.js and the fonts load from jsDelivr at pinned versions with integrity hashes. Without it, visitors see the still picture (the same line and cloth, drawn flat) and system fonts; the page still works.

## Install

```bash
curl -fsSL https://lookbk.dev/cli.js | node - add washing-line-hero
```

The first run prints a sign-in link; open it, approve, and run the command again.

Where it installs:

- Run by Claude Code: `~/.claude/skills/washing-line-hero` only, the one folder Claude Code reads.
- From your own terminal: `~/.agents/skills/washing-line-hero`, which Codex, Gemini CLI, Copilot CLI, Cursor and OpenCode read, and also `~/.claude/skills/washing-line-hero` when `~/.claude` exists.

Add `--claude` or `--shared` to write only one of those folders, or `--project` to install into the current folder instead. Start a new agent session afterwards so it picks up the skill.

Credits and licenses: NOTICE.md plus any LICENSE files inside the ZIP.

## 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.