Files
hyperframes/docs/thirty-days.mdx
Ular Kimsanov a183125e97 docs: an FAQ, a free-agents page, and 30 Days as a numbered list (#6382)
* docs: an FAQ, a free-agents page, and 30 Days as a numbered list

The FAQ answers the questions people ask the docs assistant most, each
linking to its page. Make videos with a free agent shows OpenCode's free
models in the Studio app, local models through Ollama, and how open models
scored in Code2Video. 30 Days of HyperFrames becomes one numbered row per
lesson with its film on hover, and drops a link to a section that no
longer exists.

* docs: 30 Days previews honour reduced motion and have a play button

Hovering a lesson started its film even with reduced motion on, and
keyboard and touch visitors had no way to play it. Hover previews now
follow the setting (read on the first render, and stopped if it turns
on), and each film is a button that plays and pauses on purpose.

* docs: 30 Days plays one chosen film at a time

Choosing a lesson film pauses the one chosen before, so every button
matches its film, and other rows do not preview while a film plays.

* docs: one film at a time across the whole 30 Days page

The page mounts three lesson lists, and each only paused its own films.
A chosen film now plays with sound, and any unmuted start on the page
makes every list stop its own films and drop its choice; previews stay
muted and wait while a film with sound plays.

* docs: 30 Days list in the docs palette

The lesson list used fixed black and white tints; its rules, numbers,
lines and film backgrounds now use the palette tokens, so they match the
beige ground and the Night theme.
2026-10-26 08:09:38 +00:00

44 lines
1.5 KiB
Plaintext

---
title: 30 Days of HyperFrames
sidebarTitle: 30 Days of HyperFrames
description: "All 30 lessons of 30 Days of HyperFrames in order: what each day teaches, a preview of its film, and the post with its prompt."
---
import { DocsVideo } from "/snippets/docs-video.jsx";
import { DayList } from "/snippets/day-list.jsx";
Thirty short lessons, one a day, each built and rendered before it was posted. Day 30 is all of them in one cut:
<DocsVideo
title="Thirty for thirty: a second from every lesson"
src="https://static.heygen.ai/hyperframes-oss/docs/images/showcase/thirty-days-day-30.mp4"
poster="https://static.heygen.ai/hyperframes-oss/docs/images/showcase/thirty-days-day-30.jpg"
/>
Each title opens the original post with its prompt. On a computer, hover a row to preview its film. The series began on
[@HeyGen](https://x.com/HeyGen) and continues on [@HyperFrames_](https://x.com/HyperFrames_).
## Start and create
Days 1 to 9 cover the inputs: a repo, a track, a topic, a speaker, a design file.
<DayList part={0} />
## Direct and refine
Days 10 to 19 are about steering: how you ask, what you inspect, and what you fix before rendering.
<DayList part={1} />
## Extend and ship
Days 20 to 30 move from one composition to a repeatable pipeline: reusable blocks, variables, grading, and rendering somewhere other than your laptop.
<DayList part={2} />
## Related topics
- [What do you want to make?](/workflows)
- [Ask for a great video](/prompting/overview)
- [Browse the Catalog](/catalog)