Keynote skill

keynote — Demo/output image published by the author (skill folder): cover.jpg

Illustration · not a resultFrom the openfilm/openfilm README — shows the whole collection, not only this skill.source ↗

Make a product film in the style of a big tech launch keynote: the real product on stage, one confident claim at a time.

by openfilm·MIT license·★ 975 Stars on the repo·GitHub ↗

Use now

Files of Keynote

openfilm/main1 file shown
SKILL.md
Show the full text35 lines
keynote/SKILL.md35 lines · 2.3 KB

Keynote

Make the launch film this product deserves: the real product on stage, each moment making one claim and showing the proof, so the viewer leaves knowing what it is and wanting it. Surprise us; the expected version is not the goal.

What has to be true

  • The real product. Its own screens, words, name and logo, from the person or captured from the live product; never a redrawn interface. Where a screen must be simpler, crop and zoom into the real one.
  • Every claim true. What is shown has shipped, or is said to be coming; numbers, comparisons, customers, prices and dates come from the person or the product's own pages, never made up. A demo sped up or put together says so.
  • One claim at a time, with its proof on screen, readable at the size it will be watched.
  • It holds up next to the best launch films you know. Watch the whole film as a viewer would, and keep refining until it does. If it could launch another product, it is not done yet.
  • It stays editable: the person can change any word later.

What you have

Anything you can make pictures and motion with: the web platform and any library on it, Blender or any renderer whose output becomes a clip, any font whose license allows it, music and sound from npx openfilm get, your own built-in tools, and services the person has keys for. OpenFilm's own rules still hold: the picture at t depends on t alone, a page has no sound, and what you render elsewhere enters as a clip under assets/ with the script that made it. Ask before downloading anything large onto the person's computer.

With the person

What they ask for comes before anything here. The product (its address, screenshots or recordings, its logo), what is new, and where the film will be shown. A fact you do not have is a question, or left out. When done, tell them in a few lines what you made, where every claim came from, and what of theirs would make it better.

1---
2name: keynote
3description: Make a product film in the style of a big tech launch keynote: the real product on stage, one confident claim at a time. Use for app, website, software and gadget launches, feature announcements and product intros, or when the person asks for a keynote, launch event, premium or minimal tech style (发布会, 产品发布, 新品, 高级感).
4---
5 
6# Keynote
7 
8Make the launch film this product deserves: the real product on stage, each moment making one claim and showing the
9proof, so the viewer leaves knowing what it is and wanting it. Surprise us; the expected version is not the goal.
10 
11## What has to be true
12 
13- **The real product.** Its own screens, words, name and logo, from the person or captured from the live product; never
14 a redrawn interface. Where a screen must be simpler, crop and zoom into the real one.
15- **Every claim true.** What is shown has shipped, or is said to be coming; numbers, comparisons, customers, prices and
16 dates come from the person or the product's own pages, never made up. A demo sped up or put together says so.
17- **One claim at a time**, with its proof on screen, readable at the size it will be watched.
18- **It holds up next to the best launch films you know.** Watch the whole film as a viewer would, and keep refining
19 until it does. If it could launch another product, it is not done yet.
20- **It stays editable**: the person can change any word later.
21 
22## What you have
23 
24Anything you can make pictures and motion with: the web platform and any library on it, Blender or any renderer whose
25output becomes a clip, any font whose license allows it, music and sound from `npx openfilm get`, your own built-in
26tools, and services the person has keys for. OpenFilm's own rules still hold: the picture at t depends on t alone, a
27page has no sound, and what you render elsewhere enters as a clip under `assets/` with the script that made it. Ask
28before downloading anything large onto the person's computer.
29 
30## With the person
31 
32What they ask for comes before anything here. The product (its address, screenshots or recordings, its logo), what is
33new, and where the film will be shown. A fact you do not have is a question, or left out. When done, tell them in a few
34lines what you made, where every claim came from, and what of theirs would make it better.
35 

Discussion

Alternatives

Frontend slidesCreate stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants to build a presentation, convert a PPT/PPTX to web, or create slides for a talk/pitch. Helps non-designers discover their aesthetic through visual exploration rather than abstract choices.Design & UI · MITDiagram GeneratorCreate professional, dark-themed SVG diagrams of any type — architecture diagrams, flowcharts, sequence diagrams, structural diagrams, mind maps, timelines, illustrative/conceptual diagrams, and more. Use this skill whenever the user asks for any kind of technical or conceptual diagram, visualization of a system, process flow, data flow, component relationship, network topology, decision tree, org chart, state machine, or any visual representation of structure/logic/process. Also trigger when the user says "画个图" "画一个架构图" "diagram" "flowchart" "sequence diagram" "draw me a ..." or uploads content and asks to visualize it. Output is always a standalone .svg file.Design & UI · MITVisual explainerGenerate self-contained HTML visual explanations for systems, code changes, plans, data, and technical concepts. Use for diagrams, architecture overviews, diff or plan reviews, project recaps, comparison tables, slide decks, animated explainers, and other visual explanations.Design & UI · MIThtml-ppt — HTML PPT StudioHTML PPT Studio — author professional static HTML presentations in many styles, layouts, and animations, all driven by templates. Use when the user asks for a presentation, PPT, slides, keynote, deck, slideshow, "幻灯片", "演讲稿", "做一份 PPT", "做一份 slides", a reveal-style HTML deck, a 小红书 图文, or any kind of multi-slide pitch/report/sharing document that should look tasteful and be usable with keyboard navigation. Triggers include keywords like "presentation", "ppt", "slides", "deck", "keynote", "reveal", "slideshow", "幻灯片", "演讲稿", "分享稿", "小红书图文", "talk slides", "pitch deck", "tech sharing", "technical presentation".Design & UI · MIT