Skip to content
Get packs

Light-Leak Cinematic Frame

Makes the agent build a film-style title frame with light leaks, grain and letterboxing.

Source Download skill
Repository
nexu-io/open-design
Stars
105,448
Licence
Apache-2.0
Files
3 files

What it does

When installed, the agent can turn your title or content into a single cinematic HTML frame, such as an opening card or chapter title for a short film or documentary. It follows a fixed visual recipe: warm orange light leaks, a film-grain texture, black letterbox bars in a widescreen ratio, and large serif type with small monospace captions. The skill is a style guide for the agent, not a video editor; the output is a web page you can view or screenshot.

Great for

  • Filmmakers or video creators who want a vintage film look for an opening or chapter card
  • Designers prototyping retro, analogue-style title screens in HTML
  • Marketers making a moody, cinematic banner for a video or launch

Skip it if

  • Users who need a real video file or animation export, since the skill only produces a single HTML frame (it does not render video)
  • Brands that need cool blue or neon palettes, because the skill explicitly forbids blue-purple leaks and neon colours

Try asking

  • “Make a cinematic opening card for my documentary called 'The Last Harbour', 1985”
  • “Create a chapter title frame, 'Chapter II: The Move', with film grain and letterboxing”
  • “Turn this paragraph into a widescreen title card in the Light-Leak Cinematic Frame style”
Step-by-step guide: how to use Light-Leak Cinematic FrameInstall, first run, examples, tips and FAQs

Install in 3 steps

  1. 1

    Download the skill

    The ZIP contains the 3 original files, the Apache-2.0 licence and an attribution note.

    frame-light-leak-cinema.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

    mkdir -p ~/.claude/skills && unzip frame-light-leak-cinema.zip -d ~/.claude/skills/

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip frame-light-leak-cinema.zip -d .claude/skills/

    Claude apps (web/desktop): Settings → Capabilities → Skills → Upload skill, and choose the ZIP.

  3. 3

    Ask for the task

    No special command needed — the agent reads the skill's description and loads it when your request matches. Try one of the prompts above.

Get better results

  • Give the agent your exact title and any real dates or locations, since the skill asks it to use your content rather than placeholder text
  • Ask for the 2.39:1 letterbox version for a cinematic look, or 16:9 if you need a standard screen
  • Serif fonts such as Source Serif Pro or Playfair Display are referenced by name; install them locally if you want them to render exactly

What's inside

  • example.html
  • open-design.json
  • SKILL.md

Redistributed unmodified from nexu-io/open-design under the Apache-2.0 licence. The assessment was drafted with AI from the skill's files on 2026-10-29. Skills can instruct your agent to run code — read SKILL.md and any scripts before installing.