Tech Keynote Film Builder

Keynote

by openfilm · MIT license · ★ 975 on GitHub

Keynote cover

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…

---
name: keynote
description: 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 (发布会, 产品发布, 新品, 高级感).
---

# 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

Overview

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.

Manual install (npx, ZIP)
Claude Codenpx skills add openfilm/openfilm --skill keynote -g -a claude-code
Claude Code (degit)npx degit openfilm/openfilm/packages/openfilm/skills/keynote#main ~/.claude/skills/keynote
Claude.ai / desktopZip the folder and upload it under Settings → Capabilities → Skills.
Codex, Cursor, other agentsPoint them at SKILL.md. The other files are plain text.

Connects with Agent Alley MCP · agentalley.io/mcp

Files included

  • SKILL.md2.3 KB
Read SKILL.md here
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 
View all files on GitHub →

Details

License
MIT
Stars on the repo
★ 975
Checked
Source
openfilm/openfilm ↗
Creator
openfilm · 8 listings
View creator

Similar skills

See all →
SkillAnimated Slide Deck Builderzarazhangrui/frontend-slides · by zarazhangruiCreate 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.★ 30.3k GitHub starsSkillSVG Diagram CreatorJimLiu/baoyu-skills · by JimLiuCreate 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.★ 26.6k GitHub starsSkillVisual Explainernicobailon/visual-explainer · by nicobailonGenerate 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.★ 10.2k GitHub starsSkillHTML Presentation Studiolewislulu/html-ppt-skill · by lewisluluHTML 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".★ 8.6k GitHub starsSkillLogo Designerkaankiziltug/logo-design-skill · by kaankiziltugProfessional logo and brand-mark design, from brief to production files. Guides discovery and the design brief, concept generation, choosing a mark type (wordmark, monogram, letterform, pictorial, abstract, emblem, mascot, combination), building clean geometric SVG logos, optical refinement, colour and typography, testing (16 px, one-colour, reversed, shelf test), client presentation, delivery variants and brand guidelines. Includes a searchable library of 1,400+ real-world SVG logos classified by type, technique, geometry and industry, plus scripts that audit SVGs and generate test sheets, presentation boards and export variants. Use this skill whenever the user wants a logo, logotype, wordmark, monogram, brand mark, symbol, app icon or favicon designed, redesigned, refreshed, critiqued or compared; asks for logo ideas or concepts; needs a design brief, logo guidelines, lockups or an identity system; or mentions branding a new company, product, app or project — even if they don't say the word "logo".★ 2.8k GitHub starsSkillPR Lenscoldteadotai/pr-lens · by coldteadotaiWHAT: Draws a code change or part of a codebase as an animated architecture or data-flow diagram, on its own or in a pull request. WHEN: asked to diagram, visualise or explain a change or a system, or when a pull request should carry a diagram. KEYWORDS: PR Lens, diagram, architecture, data flow, visualise, visualize, pull request★ 1.9k GitHub stars

More from openfilm

SkillCut-Paper Collage Motionopenfilm/openfilm · by openfilmMake motion graphics in a cut-paper collage style, with photos, paper and print cut out and put together by hand. Use for explainers, promos, stories, intros and social posts, or when the person asks for a collage, cut-paper, scrapbook, zine or mixed-media look (剪贴风, 拼贴, 手账风, 杂志拼贴).★ 975 GitHub starsSkillVertical Clip Creatoropenfilm/openfilm · by openfilmTurn a long video (a talk, podcast, interview, lesson, livestream or vlog) into short vertical clips that each stand alone and hold attention from the first second. Use when the person gives a long recording and asks for clips, shorts, highlights or cut-downs for Douyin, Reels, Shorts or similar (长视频转短视频, 切片, 剪短视频, 高光, 拆条).★ 975 GitHub starsSkillLyric Video Creatoropenfilm/openfilm · by openfilmMake a lyric video for a song that the artist would release as the official one — a piece made for this one song, every word landing exactly on the voice. Use when the person gives a song (with its lyrics or an .lrc file) and asks for a lyric video, a music video with words, karaoke-style lyrics or a song post (歌词视频, 动态歌词, 歌词 MV, 卡拉OK).★ 975 GitHub starsSkillPicture-in-Picture Presenteropenfilm/openfilm · by openfilmMake a talking-head video where the content fills the screen and the presenter speaks from a small window: slides, screens, charts and pictures that follow what they say, their face always there. Use when the person gives a recording of themselves talking (with slides, a screen, data or notes) and asks for a lesson, a knowledge video, a business review, a commentary or a presentation with them in a corner (小窗人物口播, 画中画, 口播, 讲解视频).★ 975 GitHub starsSkillVideo Recreation Toolopenfilm/openfilm · by openfilmRemake a reference video in OpenFilm, as close as the person wants it, from frame for frame to its structure, rhythm, look and motion carrying their own content. Use when the person gives a video, as a file or a link, and asks for an exact copy of it, one like it, its style or pacing, or a remake for their product or topic (复刻, 照着做, 做个同款, 一模一样, 仿这个视频).★ 975 GitHub starsSkillScreen Demo Creatoropenfilm/openfilm · by openfilmTurn a screen recording into a polished product demo or tutorial: the view follows the action, dead time is gone, every step is easy to see, and the product looks as good as it is. Use when the person gives a screen recording (or a product to capture) and asks for a demo, walkthrough, tutorial, feature video or how-to (录屏演示, 产品演示, 教程, 操作视频, 功能介绍).★ 975 GitHub stars