> ## Documentation Index
> Fetch the complete documentation index at: https://hyperframes-codex-docs-human-first-refactor.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Build on HyperFrames

> Choose the smallest HyperFrames surface for automation, editing, playback, rendering, or generated compositions.

<Frame>
  <video className="aspect-video w-full bg-zinc-100 object-cover dark:bg-zinc-900" src="https://static.heygen.ai/hyperframes-oss/docs/images/showcase/journey-developers-v1.mp4" poster="https://static.heygen.ai/hyperframes-oss/docs/images/showcase/journey-developers-v1.jpg" controls playsInline preload="metadata" />
</Frame>

## Choose the smallest surface

<CardGroup cols={2}>
  <Card title="CLI" icon="terminal" href="/developers/cli">
    **First result:** validate and render one known project from a terminal or CI job.
  </Card>

  <Card title="SDK quickstart" icon="code" href="/sdk/quickstart">
    **First result:** open a composition, query an element, change a value, and save it.
  </Card>

  <Card title="Player" icon="circle-play" href="/packages/player">
    **First result:** embed one composition and seek it from your application.
  </Card>

  <Card title="Rendering infrastructure" icon="cloud" href="/deploy/cloud">
    **First result:** connect one render request to a local, managed, or self-hosted worker.
  </Card>

  <Card title="Composition and schema" icon="brackets-curly" href="/reference/html-schema">
    **First result:** generate one valid composition with clips, timing, tracks, and media.
  </Card>
</CardGroup>

## Deeper reference

[Packages →](/packages/core) · [Deployment →](/deploy/cloud) · [Contributing →](/contributing)