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
2026-07-09 15:39:02 -04:00
parent 5a1f0c1295
commit 96b1dd7bee
25 changed files with 2 additions and 1664 deletions
-38
View File
@@ -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.
-38
View File
@@ -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.
-38
View File
@@ -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.
-38
View File
@@ -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.
-38
View File
@@ -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.