Skip to content

Commit 1f209ac

Browse files
jayhackjayhack
authored
Add videos to docs (#1252)
1 parent 4f90fae commit 1f209ac

File tree

5 files changed

+104
-19
lines changed

5 files changed

+104
-19
lines changed

‎docs/capabilities/pr-review.mdx‎

Lines changed: 10 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,22 @@
11
---
22
title: "PR Review Agent"
33
sidebarTitle: "PR Review"
4-
icon: "eye"
4+
icon: "microscope"
55
---
66

77
Codegen provides a configurable AI code review feature similar to CodeRabbit, Graphite, or Greptile as a first-class feature.
88

9+
<Frame>
10+
<video
11+
controls
12+
src="https://res.cloudinary.com/dbikr6pew/video/upload/v1757981307/Reviews_lufat8.mp4"
13+
className="aspect-[3584/2160]"
14+
/>
15+
</Frame>
16+
917
<Card
1018
title="Configure PR Reviews"
11-
icon="eye"
19+
icon="microscope"
1220
href="https://codegen.com/settings/review"
1321
>
1422
Set up PR review at the organization level, then customize per repository.

‎docs/introduction/cli.mdx‎

Lines changed: 21 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -7,14 +7,16 @@ iconType: "solid"
77

88
The `codegen` CLI is your terminal interface to Codegen agents. Use it to view agents, pull their work, create new agents, and run Claude Code with full telemetry and monitoring.
99

10-
<iframe
11-
className="w-full aspect-video rounded-xl"
12-
src="https://youtube.com/embed/sQ2XOonma0w"
13-
title="YouTube video player"
14-
frameBorder="0"
15-
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
16-
allowFullScreen
17-
></iframe>
10+
<Frame>
11+
<video
12+
controls
13+
src="https://res.cloudinary.com/dbikr6pew/video/upload/v1757974837/CLI_pzot3r.mp4"
14+
allowFullScreen
15+
className="aspect-[3840/2160]"
16+
/>
17+
</Frame>
18+
19+
It also wraps your local Claude Code, surfaces traces in the web UI for remote telemetry and analytics, and provides access to your Codegen integrations via MCP injection.
1820

1921
## Installation & Setup
2022

@@ -59,6 +61,17 @@ codegen login --token YOUR_API_TOKEN
5961
terminal-based workflows and automation.
6062
</Note>
6163

64+
## Full Demo
65+
66+
<iframe
67+
className="w-full aspect-video rounded-xl"
68+
src="https://youtube.com/embed/sQ2XOonma0w"
69+
title="YouTube video player"
70+
frameBorder="0"
71+
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
72+
allowFullScreen
73+
></iframe>
74+
6275
## Get Started
6376

6477
import {
@@ -70,12 +83,6 @@ import {
7083
<Card title="Create Account" icon="user-plus" href="https://codegen.sh/login">
7184
Sign up for a free account and get your API token.
7285
</Card>
73-
<Card title="Join our Slack" icon="slack" href={COMMUNITY_SLACK_URL}>
74-
Get help and connect with the Codegen community.
75-
</Card>
76-
<Card title="Tutorials" icon="diagram-project" href="/tutorials/at-a-glance">
77-
Learn how to use Codegen for common code transformation tasks.
78-
</Card>
7986
<Card title="View on GitHub" icon="github" href={CODEGEN_SDK_GITHUB_URL}>
8087
Star us on GitHub and contribute to the project.
8188
</Card>

‎docs/sandboxes/overview.mdx‎

Lines changed: 49 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,28 @@ sidebarTitle: "Overview"
44
icon: "box"
55
---
66

7-
Codegen agents operate within secure, isolated sandbox environments where they can safely execute code, install dependencies, and run commands without affecting your local machine or production systems.
7+
Codegen agents operate within secure, isolated sandbox environments where they can safely execute code and run commands without affecting your local machine or production systems.
8+
9+
<Frame>
10+
<video
11+
controls
12+
src="https://res.cloudinary.com/dbikr6pew/video/upload/v1757979569/Sandbox_Configuration_uf9xt6.mp4"
13+
className="aspect-[3312/2160]"
14+
/>
15+
</Frame>
16+
17+
<Tip>
18+
Codegen's sandbox environments are highly configurable and built for
19+
enterprise workloads
20+
</Tip>
21+
22+
<Card
23+
title="Configure Sandbox Environments"
24+
icon="code"
25+
href="https://codegen.com/repos"
26+
>
27+
Select VM resources, install dependencies, securely upload secrets and more.
28+
</Card>
829

930
## Capabilities
1031

@@ -34,4 +55,30 @@ Sandboxes are typically configured per-agent run or defined within your Codegen
3455
Slack messages or Linear comments, the sandbox state is preserved, allowing
3556
agents to seamlessly continue their work without losing context or having to
3657
reinstall dependencies.
37-
</Note>{" "}
58+
</Note>
59+
60+
## Sandbox Configuration
61+
62+
<CardGroup cols={2}>
63+
<Card title="Setup Commands" icon="terminal" href="/sandboxes/setup-commands">
64+
Configure custom setup commands that run when initializing your sandbox
65+
environment.
66+
</Card>
67+
<Card title="Repository Secrets" icon="key" href="/sandboxes/secrets">
68+
Manage environment variables and secrets securely injected into your
69+
sandbox.
70+
</Card>
71+
<Card title="Image Snapshots" icon="camera" href="/sandboxes/image-snapshots">
72+
Learn how Codegen creates filesystem snapshots for faster initialization.
73+
</Card>
74+
<Card title="Web Preview" icon="browser" href="/sandboxes/web-preview">
75+
Start development servers and view your running applications through
76+
Codegen.
77+
</Card>
78+
<Card title="Base Image" icon="docker" href="/sandboxes/base-image">
79+
Explore the comprehensive Docker image that powers Codegen sandboxes.
80+
</Card>
81+
<Card title="Remote Editor" icon="laptop-code" href="/sandboxes/editor">
82+
Access a VSCode editor connected directly to your sandbox environment.
83+
</Card>
84+
</CardGroup>

‎docs/settings/model-configuration.mdx‎

Lines changed: 16 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,14 @@ icon: "microchip"
66

77
Codegen offers flexibility in choosing the Large Language Model (LLM) that powers your agent, allowing you to select from various providers and specific models. You can also configure custom API keys and base URLs if you have specific arrangements or need to use self-hosted models.
88

9+
<Frame>
10+
<video
11+
controls
12+
src="https://res.cloudinary.com/dbikr6pew/video/upload/v1757976620/Model_Choice_ogcic1.mp4"
13+
className="aspect-[3324/2160]"
14+
/>
15+
</Frame>
16+
917
<Card
1018
title="Configure Model Settings"
1119
icon="microchip"
@@ -19,7 +27,14 @@ Codegen offers flexibility in choosing the Large Language Model (LLM) that power
1927

2028
LLM Configuration settings are applied globally for your entire organization. You can access and modify these settings by navigating to:
2129

22-
[**codegen.com/settings/model**](https://codegen.com/settings/model)
30+
<Card
31+
title="Configure Model Settings"
32+
icon="microchip"
33+
href="https://codegen.com/settings/model"
34+
>
35+
Choose your LLM provider, select models, and configure custom API keys for
36+
your organization.
37+
</Card>
2338

2439
This central location ensures that all agents operating under your organization adhere to the selected LLM provider and model, unless specific per-repository or per-agent overrides are explicitly configured (if supported by your plan).
2540

‎docs/settings/repo-rules.mdx‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,14 @@ icon: "shield-check"
66

77
Agent rules are text prompts that provide instructions to AI agents about coding standards, conventions, and preferences. These text-based rules are automatically injected into the agent's context during each task.
88

9+
<Frame>
10+
<video
11+
controls
12+
src="https://res.cloudinary.com/dbikr6pew/video/upload/v1757977539/Rules_evkkhx.mp4"
13+
className="aspect-[3356/2160]"
14+
/>
15+
</Frame>
16+
917
## How Agent Rules Work
1018

1119
When an agent starts working, it receives all applicable rules as text prompts in its context:

0 commit comments

Comments
 (0)