Docs: Add Codex plugin page

packages/docs/docs/ai/TableOfContents.tsx

@@ -8,7 +8,13 @@ export const TableOfContents: React.FC = () => {
 			<Grid>
 				<TOCItem link="/docs/ai/coding-agents">
 					<strong>{'Coding Agents'}</strong>
-					<div>Use Claude Code, Codex or OpenCode to prompt Remotion videos</div>
+					<div>
+						Use Claude Code, Codex or OpenCode to prompt Remotion videos
+					</div>
+				</TOCItem>
+				<TOCItem link="/docs/ai/codex-plugin">
+					<strong>{'Codex plugin'}</strong>
+					<div>Use the Remotion plugin in the ChatGPT Codex app</div>
 				</TOCItem>
 				<TOCItem link="/docs/ai/chatbot">
 					<strong>{'Chatbot'}</strong>

packages/docs/docs/ai/codex-plugin.mdx

@@ -0,0 +1,19 @@
+---
+image: /generated/articles-docs-ai-codex-plugin.png
+crumb: 'AI'
+title: Codex plugin
+---
+
+Remotion maintains a plugin for Codex in the ChatGPT desktop app.
+
+It can help you create new Remotion projects and includes [Remotion Agent Skills](/docs/ai/skills).
+
+## Installation
+
+Open the ChatGPT desktop app. Visit the **Plugins** tab and search for "Remotion".
+
+## Usage
+
+Create a new project and enter `$remotion` into the prompt. Accept the Remotion plugin when it is suggested.
+
+You can now prompt a video or use other [Agent Skills](/docs/ai/skills).

packages/docs/sidebars.ts

@@ -1403,6 +1403,7 @@ const sidebars: SidebarsConfig = {
 			},
 			items: [
 				'ai/coding-agents',
+				'ai/codex-plugin',
 				'ai/bolt',
 				'ai/chatbot',
 				'ai/generate',

packages/docs/src/data/articles.ts

@@ -107,6 +107,15 @@ export const articles = [
 		noAi: false,
 		slug: 'ai/chatbot',
 	},
+	{
+		id: 'ai/codex-plugin',
+		title: 'Codex plugin',
+		relativePath: 'docs/ai/codex-plugin.mdx',
+		compId: 'articles-docs-ai-codex-plugin',
+		crumb: 'AI',
+		noAi: false,
+		slug: 'ai/codex-plugin',
+	},
 	{
 		id: 'ai/coding-agents',
 		title: 'Prompting videos with coding agents',