task cables

pro

Get the prompt, project and Figma file with monthly ($29 a month) or yearly ($249 a year). Plus tax where it applies.

A dark, green-lit task board where tasks are glass nodes on a dotted canvas, wired together with glowing SVG cables, seen through a CSS 3D camera that tilts, zooms and flies over one layer, on a 1080 × 1080 stage that scales to the window. The film plays by itself for 18 seconds: in close-up the last item in Wireframes is checked, its strike-through draws and the node floods green; a pulse of light runs along the cable while the camera rides with it to UI design, which flips from Blocked to Ready with a ring flash; a second pulse unblocks Copywriting and runs on to Launch; the cursor drags a new dashed cable from UI design and drops it on Launch, where it lights up. Then the camera flies to the side panel, where Wireframes gets its ✓ in the folder tree and the Sprint health dot chart grows column by column from 47 % to 64 % (+17 today), and pulls back to a wide shot of the whole screen, Website Relaunch · Sprint 14, before a fade back to the start. Everything is one pure render(t) function writing inline styles, so any frame can be drawn on its own (window.__render(t), ?rec). Geist and Geist Mono, Lucide icons, no images, a reduced-motion still.

what you get

prompt
Paste it into Claude, Codex, Kimi or Cursor to rebuild this template. Tested: we rebuild every template from its prompt before it goes live.
project
The Vite + React source code as a .zip, ready to run.
figma file
The editable design as a .fig file to import into Figma.

what's inside

  • task board
  • node canvas
  • flow editor
  • svg cables
  • light pulse
  • status chip
  • checklist
  • drag a connection
  • 3d camera
  • folder tree
  • dot chart
  • progress bar
  • glass
  • autoplay film
  • frame-exact recorder

stack

  • react
  • vite
  • typescript

fonts

Geist, Geist Mono

Free fonts, linked in the prompt.

colors

  • #060707
  • #F2F4F2
  • #4DFF8E
  • #2FD16B
  • #141615

license

With monthly or yearly: personal and commercial work, client projects included. Don't resell or share the template, prompt or files.

read the license