mirror of
https://github.com/heygen-com/hyperframes.git
synced 2026-11-14 13:27:13 +00:00
refactor(registry): drop product-UI imitation components from catalog
chat-gpt, claude-chat, claude-code, github-stars, and opencode leave the catalog per the no-product-imitations policy; their mechanics re-enter later under generic names with brand supplied via variables.
This commit is contained in:
Miguel Angel Simon Sierra
@@ -1,38 +0,0 @@
|
||||
---
|
||||
title: "ChatGPT"
|
||||
description: "A chat composer types a prompt and morphs the voice button into send."
|
||||
---
|
||||
|
||||
# ChatGPT
|
||||
|
||||
A chat composer types a prompt and morphs the voice button into send.
|
||||
|
||||
`showcase` `remocn-port` `chat`
|
||||
|
||||
<video className="w-full aspect-video rounded-xl object-cover bg-zinc-100 dark:bg-zinc-800" src="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/components/chat-gpt.mp4" poster="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/components/chat-gpt.png" autoPlay muted loop playsInline />
|
||||
|
||||
## Install
|
||||
|
||||
<CodeGroup>
|
||||
|
||||
```bash Terminal
|
||||
npx hyperframes add chat-gpt
|
||||
```
|
||||
|
||||
</CodeGroup>
|
||||
|
||||
## Details
|
||||
|
||||
| Property | Value |
|
||||
| --- | --- |
|
||||
| Type | Component |
|
||||
|
||||
## Files
|
||||
|
||||
| File | Target | Type |
|
||||
| --- | --- | --- |
|
||||
| `chat-gpt.html` | `compositions/components/chat-gpt.html` | hyperframes:snippet |
|
||||
|
||||
## Usage
|
||||
|
||||
Open `compositions/components/chat-gpt.html` and paste its contents into your composition. See the comment header in the file for timeline integration guidance.
|
||||
@@ -1,38 +0,0 @@
|
||||
---
|
||||
title: "Claude Chat"
|
||||
description: "A calm assistant chat layout with staged response cards."
|
||||
---
|
||||
|
||||
# Claude Chat
|
||||
|
||||
A calm assistant chat layout with staged response cards.
|
||||
|
||||
`showcase` `remocn-port` `chat`
|
||||
|
||||
<video className="w-full aspect-video rounded-xl object-cover bg-zinc-100 dark:bg-zinc-800" src="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/components/claude-chat.mp4" poster="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/components/claude-chat.png" autoPlay muted loop playsInline />
|
||||
|
||||
## Install
|
||||
|
||||
<CodeGroup>
|
||||
|
||||
```bash Terminal
|
||||
npx hyperframes add claude-chat
|
||||
```
|
||||
|
||||
</CodeGroup>
|
||||
|
||||
## Details
|
||||
|
||||
| Property | Value |
|
||||
| --- | --- |
|
||||
| Type | Component |
|
||||
|
||||
## Files
|
||||
|
||||
| File | Target | Type |
|
||||
| --- | --- | --- |
|
||||
| `claude-chat.html` | `compositions/components/claude-chat.html` | hyperframes:snippet |
|
||||
|
||||
## Usage
|
||||
|
||||
Open `compositions/components/claude-chat.html` and paste its contents into your composition. See the comment header in the file for timeline integration guidance.
|
||||
@@ -1,38 +0,0 @@
|
||||
---
|
||||
title: "Claude Code"
|
||||
description: "A code-agent workbench with file tree, terminal, and patch panel."
|
||||
---
|
||||
|
||||
# Claude Code
|
||||
|
||||
A code-agent workbench with file tree, terminal, and patch panel.
|
||||
|
||||
`code-animation` `remocn-port`
|
||||
|
||||
<video className="w-full aspect-video rounded-xl object-cover bg-zinc-100 dark:bg-zinc-800" src="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/components/claude-code.mp4" poster="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/components/claude-code.png" autoPlay muted loop playsInline />
|
||||
|
||||
## Install
|
||||
|
||||
<CodeGroup>
|
||||
|
||||
```bash Terminal
|
||||
npx hyperframes add claude-code
|
||||
```
|
||||
|
||||
</CodeGroup>
|
||||
|
||||
## Details
|
||||
|
||||
| Property | Value |
|
||||
| --- | --- |
|
||||
| Type | Component |
|
||||
|
||||
## Files
|
||||
|
||||
| File | Target | Type |
|
||||
| --- | --- | --- |
|
||||
| `claude-code.html` | `compositions/components/claude-code.html` | hyperframes:snippet |
|
||||
|
||||
## Usage
|
||||
|
||||
Open `compositions/components/claude-code.html` and paste its contents into your composition. See the comment header in the file for timeline integration guidance.
|
||||
@@ -1,38 +0,0 @@
|
||||
---
|
||||
title: "GitHub Stars"
|
||||
description: "A repo star-count card with avatars, velocity line, and odometer."
|
||||
---
|
||||
|
||||
# GitHub Stars
|
||||
|
||||
A repo star-count card with avatars, velocity line, and odometer.
|
||||
|
||||
`social-overlay` `remocn-port`
|
||||
|
||||
<video className="w-full aspect-video rounded-xl object-cover bg-zinc-100 dark:bg-zinc-800" src="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/components/github-stars.mp4" poster="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/components/github-stars.png" autoPlay muted loop playsInline />
|
||||
|
||||
## Install
|
||||
|
||||
<CodeGroup>
|
||||
|
||||
```bash Terminal
|
||||
npx hyperframes add github-stars
|
||||
```
|
||||
|
||||
</CodeGroup>
|
||||
|
||||
## Details
|
||||
|
||||
| Property | Value |
|
||||
| --- | --- |
|
||||
| Type | Component |
|
||||
|
||||
## Files
|
||||
|
||||
| File | Target | Type |
|
||||
| --- | --- | --- |
|
||||
| `github-stars.html` | `compositions/components/github-stars.html` | hyperframes:snippet |
|
||||
|
||||
## Usage
|
||||
|
||||
Open `compositions/components/github-stars.html` and paste its contents into your composition. See the comment header in the file for timeline integration guidance.
|
||||
@@ -1,38 +0,0 @@
|
||||
---
|
||||
title: "OpenCode"
|
||||
description: "A terminal-first coding agent surface with streaming task output."
|
||||
---
|
||||
|
||||
# OpenCode
|
||||
|
||||
A terminal-first coding agent surface with streaming task output.
|
||||
|
||||
`code-animation` `remocn-port`
|
||||
|
||||
<video className="w-full aspect-video rounded-xl object-cover bg-zinc-100 dark:bg-zinc-800" src="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/components/opencode.mp4" poster="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/components/opencode.png" autoPlay muted loop playsInline />
|
||||
|
||||
## Install
|
||||
|
||||
<CodeGroup>
|
||||
|
||||
```bash Terminal
|
||||
npx hyperframes add opencode
|
||||
```
|
||||
|
||||
</CodeGroup>
|
||||
|
||||
## Details
|
||||
|
||||
| Property | Value |
|
||||
| --- | --- |
|
||||
| Type | Component |
|
||||
|
||||
## Files
|
||||
|
||||
| File | Target | Type |
|
||||
| --- | --- | --- |
|
||||
| `opencode.html` | `compositions/components/opencode.html` | hyperframes:snippet |
|
||||
|
||||
## Usage
|
||||
|
||||
Open `compositions/components/opencode.html` and paste its contents into your composition. See the comment header in the file for timeline integration guidance.
|
||||
@@ -130,11 +130,9 @@
|
||||
"catalog/blocks/code-shader-dissolve",
|
||||
"catalog/blocks/code-snippet-flight",
|
||||
"catalog/blocks/code-typing",
|
||||
"catalog/components/claude-code",
|
||||
"catalog/components/code-accordion",
|
||||
"catalog/components/glass-code-block",
|
||||
"catalog/components/live-code-compilation",
|
||||
"catalog/components/opencode",
|
||||
"catalog/components/terminal-simulator"
|
||||
]
|
||||
},
|
||||
@@ -186,7 +184,6 @@
|
||||
"catalog/blocks/tiktok-follow",
|
||||
"catalog/blocks/x-post",
|
||||
"catalog/blocks/yt-lower-third",
|
||||
"catalog/components/github-stars",
|
||||
"catalog/components/x-follow-card",
|
||||
"catalog/components/x-followers-overview"
|
||||
]
|
||||
@@ -257,9 +254,7 @@
|
||||
"catalog/blocks/vpn-youtube-spot",
|
||||
"catalog/components/ai-generation-canvas",
|
||||
"catalog/components/browser-flow",
|
||||
"catalog/components/chat-gpt",
|
||||
"catalog/components/chat-to-preview-layout",
|
||||
"catalog/components/claude-chat",
|
||||
"catalog/components/data-flow-pipes",
|
||||
"catalog/components/device-mockup-zoom",
|
||||
"catalog/components/drag-and-drop-flow",
|
||||
|
||||
@@ -196,7 +196,7 @@ This is suppressed in CI environments, non-TTY shells, and when `HYPERFRAMES_NO_
|
||||
|
||||
```bash
|
||||
# Add a block (sub-composition scene)
|
||||
npx hyperframes add claude-code-window
|
||||
npx hyperframes add terminal-simulator
|
||||
|
||||
# Add a component (effect / snippet)
|
||||
npx hyperframes add shader-wipe
|
||||
@@ -210,7 +210,7 @@ This is suppressed in CI environments, non-TTY shells, and when `HYPERFRAMES_NO_
|
||||
|
||||
| Flag | Description |
|
||||
|------|-------------|
|
||||
| `<name>` (positional) | Registry item name (e.g. `claude-code-window`, `shader-wipe`) |
|
||||
| `<name>` (positional) | Registry item name (e.g. `terminal-simulator`, `shader-wipe`) |
|
||||
| `--dir` | Project directory (defaults to the current working directory) |
|
||||
| `--no-clipboard` | Skip copying the include snippet to the clipboard |
|
||||
| `--json` | Print a machine-readable summary (written files + snippet) to stdout |
|
||||
|
||||
@@ -2961,19 +2961,6 @@
|
||||
"href": "/catalog/components/browser-flow",
|
||||
"preview": "https://static.heygen.ai/hyperframes-oss/docs/images/catalog/components/browser-flow.png"
|
||||
},
|
||||
{
|
||||
"name": "chat-gpt",
|
||||
"type": "component",
|
||||
"title": "ChatGPT",
|
||||
"description": "A chat composer types a prompt and morphs the voice button into send.",
|
||||
"tags": [
|
||||
"showcase",
|
||||
"remocn-port",
|
||||
"chat"
|
||||
],
|
||||
"href": "/catalog/components/chat-gpt",
|
||||
"preview": "https://static.heygen.ai/hyperframes-oss/docs/images/catalog/components/chat-gpt.png"
|
||||
},
|
||||
{
|
||||
"name": "chat-to-preview-layout",
|
||||
"type": "component",
|
||||
@@ -2999,31 +2986,6 @@
|
||||
"href": "/catalog/components/chromatic-aberration-wipe",
|
||||
"preview": "https://static.heygen.ai/hyperframes-oss/docs/images/catalog/components/chromatic-aberration-wipe.png"
|
||||
},
|
||||
{
|
||||
"name": "claude-chat",
|
||||
"type": "component",
|
||||
"title": "Claude Chat",
|
||||
"description": "A calm assistant chat layout with staged response cards.",
|
||||
"tags": [
|
||||
"showcase",
|
||||
"remocn-port",
|
||||
"chat"
|
||||
],
|
||||
"href": "/catalog/components/claude-chat",
|
||||
"preview": "https://static.heygen.ai/hyperframes-oss/docs/images/catalog/components/claude-chat.png"
|
||||
},
|
||||
{
|
||||
"name": "claude-code",
|
||||
"type": "component",
|
||||
"title": "Claude Code",
|
||||
"description": "A code-agent workbench with file tree, terminal, and patch panel.",
|
||||
"tags": [
|
||||
"code-animation",
|
||||
"remocn-port"
|
||||
],
|
||||
"href": "/catalog/components/claude-code",
|
||||
"preview": "https://static.heygen.ai/hyperframes-oss/docs/images/catalog/components/claude-code.png"
|
||||
},
|
||||
{
|
||||
"name": "code-accordion",
|
||||
"type": "component",
|
||||
@@ -3168,18 +3130,6 @@
|
||||
"href": "/catalog/components/frosted-glass-wipe",
|
||||
"preview": "https://static.heygen.ai/hyperframes-oss/docs/images/catalog/components/frosted-glass-wipe.png"
|
||||
},
|
||||
{
|
||||
"name": "github-stars",
|
||||
"type": "component",
|
||||
"title": "GitHub Stars",
|
||||
"description": "A repo star-count card with avatars, velocity line, and odometer.",
|
||||
"tags": [
|
||||
"social-overlay",
|
||||
"remocn-port"
|
||||
],
|
||||
"href": "/catalog/components/github-stars",
|
||||
"preview": "https://static.heygen.ai/hyperframes-oss/docs/images/catalog/components/github-stars.png"
|
||||
},
|
||||
{
|
||||
"name": "glass-code-block",
|
||||
"type": "component",
|
||||
@@ -3288,18 +3238,6 @@
|
||||
"href": "/catalog/components/micro-scale-fade",
|
||||
"preview": "https://static.heygen.ai/hyperframes-oss/docs/images/catalog/components/micro-scale-fade.png"
|
||||
},
|
||||
{
|
||||
"name": "opencode",
|
||||
"type": "component",
|
||||
"title": "OpenCode",
|
||||
"description": "A terminal-first coding agent surface with streaming task output.",
|
||||
"tags": [
|
||||
"code-animation",
|
||||
"remocn-port"
|
||||
],
|
||||
"href": "/catalog/components/opencode",
|
||||
"preview": "https://static.heygen.ai/hyperframes-oss/docs/images/catalog/components/opencode.png"
|
||||
},
|
||||
{
|
||||
"name": "pricing-tier-focus",
|
||||
"type": "component",
|
||||
|
||||
Reference in New Issue
Block a user