Skip to content
$99 onceUpgrade now
Lookbook

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

About this skill

Lookbook wrote this package from scratch: the WebGL2 glyph and dither renderer, the distance-field objects, the typed headline, the still picture, the examples and the Motion Heroes kit. It uses no libraries. Credits and licences for the open-source software and fonts it uses are in NOTICE.md inside the download.

Example request

Make an ASCII signal hero for our launch: a torus knot drawn in glyphs in our orange palette, the headline typed on with a block caret, our logo, nav and two buttons, plus a 12-second video for socials.

Similar Skills

View all
New
web
Particle Portrait HeroClaude CodeCodexCursor+3
New
web
Product Turntable HeroClaude CodeCodexCursor+3
New
web
Garment Rail HeroClaude CodeCodexCursor+3
New
web
Curved Reel HeroClaude CodeCodexCursor+3
New
web
Cutout Float HeroClaude CodeCodexCursor+3
New
web
10
Neon Bloom HeroClaude CodeCodexCursor+3
New
web
Scroll Route HeroClaude CodeCodexCursor+3
New
web
Bauhaus Timeline HeroClaude CodeCodexCursor+3

What you get

  • A self-contained hero page and an embed to paste into an existing site
  • 6 built-in objects (knot, torus, blob, crystal, gyro rings, your image) and 6 glyph sets or your own ramp
  • A real headline that types on with a caret, with no reflow and full text for search engines and screen readers
  • A glyph-drawn still picture for no WebGL and reduced motion
  • Contrast and layout checks at 390, 768, 1024 and 1440 px
  • A frame-exact MP4 and poster recorded in headless Chrome
  • Two complete examples: a dark ASCII knot and a light dither vase
  • Open-source licenses for every part it builds on

Good fit

  • Product launch
  • Brand
  • Social media

Not for

  • Loading your own 3D model files (GLB/OBJ): objects are built-in distance-field shapes
  • Turning a photo into 3D: pictures are rendered flat (drifting and breathing)
  • Browsers without WebGL2 getting the live effect (they get the still)
  • Long body text or multi-section landing pages

Compatibility

Generates with

WebGL2 (no libraries)Node.js built-insHeadless Chromeffmpeg

Works in any agent that reads SKILL.md folders. Added Oct 25, 2026. 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 ASCII Signal 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?

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