@remotion/studio-protocol: Document the Studio Protocol

[samohovets]

Summary

• document the Remotion Studio Protocol, its public APIs, wire contract, compatibility, and security model
• register the pages in the API table of contents, sidebar, Elements documentation, and article index
• add generated social cards for the protocol pages
• describe v1 as a versioned protocol for bringing reusable official Remotion Elements into Studio without promising universal third-party integration

Closes #9771.

Validation

• cd packages/docs && bun run build-docs
• bun run build
• bun run stylecheck
• git diff --check

[samohovets]

This change is part of the following stack:

• @remotion/studio-protocol: Rename the drag-and-drop package #9877
  • @remotion/studio-protocol: Stabilize Element install contract #9832
    • @remotion/studio-server: Implement Studio Protocol installation #9878
      • @remotion/studio-protocol: Fix malformed response classification #9860
        • @remotion/studio-server: Limit Studio Protocol request bodies #9863
          • @remotion/studio-protocol: Adopt the protocol in Remotion Elements #9879
            • @remotion/studio-protocol: Test Element installation in a clean Studio project #9880
              • @remotion/studio-protocol: Document the Studio Protocol #9881 ◀

_{Change managed by git-spice.}

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
bugs	Ready	Preview, Comment	Jul 29, 2026 1:15pm
remotion	Ready	Preview, Comment	Jul 29, 2026 1:15pm

[pullfrog]

✅ No new issues found.

Reviewed changes — adds documentation for the @remotion/studio-protocol package, covering the protocol's public APIs, wire contract, compatibility, and security model.

• Add six new MDX docs pages — overview (index.mdx), createElementPayload(), setStudioDragData(), installInStudio(), protocol reference, and security page
• Register the package in the API table of contents (packages/docs/components/TableOfContents/api.tsx) and Docusaurus sidebar (packages/docs/sidebars.ts)
• Register all six pages in the articles index (packages/docs/src/data/articles.ts) with matching compId values
• Add generated social cards for all six pages in packages/docs/static/generated/
• Update the Elements overview page to mention the new installation flow powered by the Studio Protocol

  ^{｜ View workflow run ｜ Using DeepSeek Pro (free via Pullfrog for OSS) (Claude Opus not used — the program covers this model; add its provider key to run your pick) ｜ 𝕏}