# Garment Rail Hero

> A 3D clothing rail in a softly lit room, hung with your own product cut-outs on wooden hangers. Pieces drop on and sway, and part when the pointer brushes past. One at a time is lifted forward while a swing-tag card gives its name, price and link, and a click brings any piece forward. Your agent puts in your pieces, colours, fonts, logo and words, checks the page at four widths and records a smooth 1080p video of the rail.

- Output: Web, Animated WebGL hero · page + embed · 1080p MP4 + poster
- Price: $6.90 one-time, or included in Pro
- Page: https://lookbk.dev/skills/garment-rail-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`).
- **The pieces as cut-outs**: 2 to 7 pictures with a see-through background (PNG or WebP with transparency, or SVG), one garment each, front view as it hangs, **cropped so the top edge is the shoulders or collar** and the garment fills the picture. 900 to 1400 px tall is plenty; each is carried inside the page, so keep them small (under about 400 KB each). Product shots on a ghost mannequin or flat lays, cut out, work well. A JPEG has no transparency and is refused.
- 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 rail, drawn flat) and system fonts; the page still works.

## Install

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

The first run prints a sign-in link; open it, approve, and run the command again. Pro skills install for accounts that bought them or have Pro.

Where it installs:

- Run by Claude Code: `~/.claude/skills/garment-rail-hero` only, the one folder Claude Code reads.
- From your own terminal: `~/.agents/skills/garment-rail-hero`, which Codex, Gemini CLI, Copilot CLI, Cursor and OpenCode read, and also `~/.claude/skills/garment-rail-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 licences: NOTICE.md plus any LICENSE files inside the ZIP.

## Example request

> Make an animated garment-rail hero for my clothing brand with these five cut-out product photos, names and prices.