mirror of
https://github.com/heygen-com/hyperframes.git
synced 2026-11-14 21:29:34 +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:
@@ -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.
|
||||
Reference in New Issue
Block a user