Agent Skill · Web

Obsidian Cinema Landingv1.0.2

Use this Skill to create a web page.

  • Popular
  • Membership
  • CLI install on Skillry

A dark, cinematic launch page for a premium product that plays like a title sequence. It opens on a centerd serif title card over slow ribbons of light with one glass button, then a one-line manifesto, tabbed close-ups, a letterboxed night scene, repairability and specs, a companion-app panel, a bookable showroom, a journal and a glowing closing invitation with a working reservation form.

Updated on Skillry Oct 3, 2026

Runs in

  • Claude Code
  • Cursor

Generates with

  • Host agent LLM

What you get

  • A full launch page: title-card hero, manifesto, feature tabs with crossfading close-ups, night scene, specs, companion app, showroom booking, journal and reservation
  • A matched photo set in one lighting style, with slow canvas motion behind glass that pauses off screen and goes still for reduced-motion users
  • Working paths: showroom booking by city, day and time, a reservation with finish and deposit summary, contact and newsletter, all in one offline file

Good fit

  • Premium hardware, audio, fashion and lifestyle brands that want launch-film energy on the web
  • Preorder, waitlist and reservation pages where one hero product and a price line carry the story
  • Boutique hotels and high-end services that can turn rooms or steps into the feature tabs and booking panel

Not for

  • Light, friendly consumer apps; the style is deliberately dark and theatrical
  • Real checkout: the reservation form validates and confirms, but taking a deposit needs your own payment provider
  • Brands that need ratings or press-logo walls; the page builds trust with specs, policies and process instead

About this Skill

You say /bs-obsidian-cinema-landing Build a launch page for Ondelle Nocturne headphones, from with listening-room booking and a reservation form.

How it works

  1. 1. Bring your materials

    Brand name, product and category, and a price or availability line How people try or buy it (showrooms, demo, waitlist) and trust policies such as deposit, warranty and shipping Optional: your own product photos or brand footage

  2. 2. Ask with a concrete request

    Start from the sample request: Build a launch page for Ondelle Nocturne headphones, from with listening-room booking and a reservation form.

  3. 3. Take the result

    A full launch page: title-card hero, manifesto, feature tabs with crossfading close-ups, night scene, specs, companion app, showroom booking, journal and reservation

What you need before you start

Summarized from the Skillry page for Obsidian Cinema Landing. Live requirements can change there.

You bring
Brand name, product and category, and a price or availability line How people try or buy it (showrooms, demo, waitlist) and trust policies such as deposit, warranty and shipping Optional: your own product photos or brand footage
Dependencies
Node.js 18 or newer on your agent's machine, to run the bundled script that builds the single offline file Internet access while the file is built, so the fonts can be downloaded once and embedded An image tool in your agent for the product photo set; optional, since you can supply photos or keep the canvas scenes
Outside costs
This is a paid Skill on Skillry and is included with a Skillry membership. Rendering stays on your machine. Uwarp does not set the price.
Last tested
v1.0.2 — Claude Code, Cursor, as listed on Skillry.

Frequently Asked Questions

Quick answers about this tool—open a question to read more.