# Code Slice Hero (agent skill)

> Code Slice Hero is an agent skill (a SKILL.md file) from heygen-com/hyperframes. A tiled headline surface flips cell by cell under a sweeping depth field to reveal the rear headline. It works with Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot and OpenCode and has 72,458 GitHub stars across a repository of 4 listed skills.

A tiled headline surface flips cell by cell under a sweeping depth field to reveal the rear headline. HyperFrames block, 1920×1080, 8s, 18 variables. A full square-tile surface carries one seamless headline. An imaginary cursor crosses the surface; nearby tiles respond to its Gaussian depth field with lift and tilt, and only the cells intersecting either headline silhouette turn over to reveal the rear headline.

## Key facts

| Fact | Value |
|---|---|
| Repository | https://github.com/heygen-com/hyperframes |
| Skill path | registry/blocks/code-slice-hero/SKILL.md |
| Skill name | code-slice-hero |
| GitHub stars | 72,458 |
| Installs on skills.sh | not listed |
| License | Apache-2.0 |
| Skills in repo | 4 |
| Plugin marketplace | hyperframes |
| Official | no |
| Works with | Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode |
| Category | Coding |
| Last commit | Oct 26, 2026 |

## Add this skill

### Claude Code

```sh
/plugin marketplace add heygen-com/hyperframes
/plugin   # browse hyperframes and install the plugin that contains code-slice-hero
```

In the Claude apps, zip the skill folder and upload it under Customize > Skills > + > Upload a skill (code execution must be on).

### ChatGPT / Codex

```sh
git clone --depth 1 https://github.com/heygen-com/hyperframes.git
cp -r hyperframes/registry/blocks/code-slice-hero .agents/skills/code-slice-hero   # repo; ~/.agents/skills for all projects
```

### Cursor

```sh
git clone --depth 1 https://github.com/heygen-com/hyperframes.git
cp -r hyperframes/registry/blocks/code-slice-hero .cursor/skills/code-slice-hero   # project; ~/.cursor/skills for all projects
```

Sources (checked 2026-10-07): https://code.claude.com/docs/en/skills, https://support.claude.com/en/articles/12512180-using-skills-in-claude, https://learn.chatgpt.com/docs/build-skills, https://cursor.com/docs/context/skills

---

Canonical page: https://appsgit.com/skills/heygen-com-code-slice-hero
Source: appsgit (https://appsgit.com), the app store for github. Data from the GitHub API, refreshed daily.
Machine access: JSON API https://appsgit.com/api/v1/apps (OpenAPI: https://appsgit.com/openapi.json), MCP server https://mcp.appsgit.com/mcp, full index https://appsgit.com/llms-full.txt.