Website To Video
aiskillstore/marketplace
Capture a general website/URL and turn it into a video OF the site — tour, showcase, or social clip built from captured screenshots and the site's own brand assets.
A skill your agent uses when the user wants a video of a website (site tour, portfolio, docs or landing-page showcase) captured from a URL.
Install Website To Video
$ npx skills add coco-research/coco --skill website-to-video -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install coco-research/coco website-to-video --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/coco-research/coco.git skills-src && mkdir -p .claude/skills && cp -r skills-src/systems/hyperframes/skills/website-to-video .claude/skills/website-to-video && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "website-to-video" agent skill from https://github.com/coco-research/coco/tree/main/systems/hyperframes/skills/website-to-video into .claude/skills/website-to-video/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "website-to-video", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/coco-research/coco/tree/main/systems/hyperframes/skills/website-to-videoType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add coco-research/coco --skill website-to-video -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install coco-research/coco website-to-video --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/coco-research/coco.git skills-src && mkdir -p .agents/skills && cp -r skills-src/systems/hyperframes/skills/website-to-video .agents/skills/website-to-video && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "website-to-video" agent skill from https://github.com/coco-research/coco/tree/main/systems/hyperframes/skills/website-to-video into .agents/skills/website-to-video/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "website-to-video", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add coco-research/coco --skill website-to-video -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install coco-research/coco website-to-video --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/coco-research/coco.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/systems/hyperframes/skills/website-to-video .cursor/skills/website-to-video && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "website-to-video" agent skill from https://github.com/coco-research/coco/tree/main/systems/hyperframes/skills/website-to-video into .cursor/skills/website-to-video/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "website-to-video", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/coco-research/coco.git --path systems/hyperframes/skills/website-to-video--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add coco-research/coco --skill website-to-video -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install coco-research/coco website-to-video --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/coco-research/coco.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/systems/hyperframes/skills/website-to-video .gemini/skills/website-to-video && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "website-to-video" agent skill from https://github.com/coco-research/coco/tree/main/systems/hyperframes/skills/website-to-video into .gemini/skills/website-to-video/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "website-to-video", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install coco-research/coco website-to-videoInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add coco-research/coco --skill website-to-video -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/coco-research/coco.git skills-src && mkdir -p .github/skills && cp -r skills-src/systems/hyperframes/skills/website-to-video .github/skills/website-to-video && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "website-to-video" agent skill from https://github.com/coco-research/coco/tree/main/systems/hyperframes/skills/website-to-video into .github/skills/website-to-video/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "website-to-video", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add coco-research/coco --skill website-to-video -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install coco-research/coco website-to-video --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/coco-research/coco.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/systems/hyperframes/skills/website-to-video .opencode/skills/website-to-video && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "website-to-video" agent skill from https://github.com/coco-research/coco/tree/main/systems/hyperframes/skills/website-to-video into .opencode/skills/website-to-video/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "website-to-video", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
- Skill name
website-to-video- GitHub stars
- 513
- Token cost
- ~3.1k tokens
- SKILL.md length
- 1,362 words
- Files
- 34 (incl. scripts, references, assets)
- Skills in repo
- 63
- Repo updated
- First seen
- Licence
- Custom licence
At a glance
A skill your agent uses when the user wants a video of a website (site tour, portfolio, docs or landing-page showcase) captured from a URL.
- Works in 7 steps: Capture & Understand the Brand → Brand Identity → Strategy & Messaging → …
- The user wants a video of a website (site tour
- SKILL.md covers Step 0: Capture & Understand…, Step 1: Brand Identity, Step 2: Strategy & Messaging and Step 3: Storyboard + Script 💬, plus 4 more sections
- Calls npx
What it does
Website To Video is an agent skill from coco-research/coco. Use when the user wants a video of a website (site tour, portfolio, docs or landing-page showcase) captured from a URL. Deprecated upstream since v0.7.59: folded into /product-launch-video, which owns URL promo work.
Its SKILL.md is about 3.1k tokens, which your agent loads only when the skill is triggered. The skill folder holds 35 other files, including scripts, reference files and assets (for example `assets/sfx/CREDITS.md` and `assets/sfx/manifest.json`).
It sits in Frontend & Design, covering Product launch strategy, Landing pages and Motion graphics. It works with HeyGen. The repository describes itself as: CoCo Super Intelligence is the orchestration layer that turns Claude Code, Cursor, or Codex into an engineering department: a routed advisory board, 226 skills, 386 commands…
When your agent uses it
- The user wants a video of a website (site tour
- Landing-page showcase) captured from a URL
Example prompts
- “/website-to-video”
Requirements
- Node.js
Workflow steps
7 steps, taken from the step headings in SKILL.md.
- Capture & Understand the Brand
- Brand Identity
- Strategy & Messaging
- Storyboard + Script 💬
- VO, Timing + Captions 💬
- Build Compositions
- Validate & Deliver
What it can do on your machine
Read from SKILL.md and the folder at commit 1a642ae. It shows what the files ask for, not the result of running them.
Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
Ships 1 file in scripts/, which the agent can run.
Shell commands in SKILL.md call:
npx
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md. Its commands use npx, which can reach the network depending on how they are called.
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Context cost
Website To Video loads about 3.1k tokens when it runs, and up to ~61k if it reads all its reference files. Until then it costs about 58 tokens; SKILL.md has 1,362 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
Safety
Auto-check: notes
The automated check noted patterns worth knowing about, such as sudo or a known installer.
- NoteMentions a .env fileSKILL.md:44
n, and don't write keys into a per-repo `.env`. (In autonomous mode, note the status and continue offline.) See `../medi
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); the scripts in this folder are not scanned.
SKILL.md
Its licence (Custom licence) doesn't allow us to republish the file, so here is its outline and opening line. It has 1,362 words (~3,077 tokens).
“Modified by Coco, 2026-09-14: description rewritten. See MODIFICATIONS.md.”
- name
- website-to-video
Files
SKILL.md and 33 other files (scripts, references, assets) in systems/hyperframes/skills/website-to-video of coco-research/coco.
- SKILL.md
- assets/sfx/CREDITS.md
- assets/sfx/chime.mp3
- assets/sfx/click-soft.mp3
- assets/sfx/click.mp3
- assets/sfx/error.mp3
- assets/sfx/glitch-1.mp3
- assets/sfx/glitch-2.mp3
- assets/sfx/glitch-3.mp3
- assets/sfx/impact-bass-1.mp3
- assets/sfx/impact-bass-2.mp3
- assets/sfx/key-press.mp3
- assets/sfx/manifest.json
- assets/sfx/notification.mp3
- assets/sfx/ping.mp3
- assets/sfx/pop.mp3
- assets/sfx/riser.mp3
- assets/sfx/sparkle.mp3
- assets/sfx/typing.mp3
- … and 15 more
Open the folder on GitHubat commit 1a642ae
Compare with similar skills
Website To Video next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Website To Video this skillcoco-research/coco | 513 | — | ~3.1k | Automated safety check: Notes | Custom licence | |
| Website To Videoaiskillstore/marketplace | 433 | — | ~2.9k | Automated safety check: Notes | None | |
| Product Launch Videoheygen-com/hyperframes | 60k | 3 repos | ~8.5k | Automated safety check: Notes | Apache-2.0 | |
| Gsapalecs5am/ralphy | 138 | — | ~2.4k | Automated safety check: Pass | Apache-2.0 | |
| Replica LaunchJakeschincariol/replica-skill | 1.4k | — | ~1k | Automated safety check: Pass | MIT | |
| Launch Videopexoai/pexo-skills | 804 | — | ~1.4k | Automated safety check: Pass | MIT |
Similar skills
Product Launch Video
heygen-com/hyperframes
Turns a product URL, script or brief into a launch or promo video built frame by frame in HyperFrames, from brand capture and story design to rendering.
Gsap
alecs5am/ralphy
GSAP animation reference for HyperFrames. An agent skill from alecs5am/ralphy.
Replica Launch
Jakeschincariol/replica-skill
Writes the launch for an app clone: the landing page built on the positioning angle, pricing set against the original's public pricing and its users' complaints, and the App Store and Google Play…
Launch Video
pexoai/pexo-skills
Make a launch video for your startup or product with Pexo. An agent skill from pexoai/pexo-skills.
Weread Year In Review Video Template
nexu-io/open-design
WeRead-inspired HyperFrames video template for vertical annual reading reports, personal reading dashboards, book-note recaps, and shareable year-in-review stories.
More from coco-research/coco
All 63 skills in this repoCoco Ads
coco-research/coco
Turn the project you just shipped into a short, polished, shareable launch video (an "ad") using HyperFrames.
Arch Index
coco-research/coco
Build and validate .arch/index.json — a committed map from each architectural component of this repository to the real directories and files that implement it, pinned to a git commit, with every…
Openai Agents
coco-research/coco
Build AI applications with OpenAI Agents SDK - text agents, voice agents, multi-agent handoffs, tools with Zod schemas, guardrails, and streaming.
Skill Evolution
coco-research/coco
A skill your agent uses when running, reviewing or changing coco's self-evolution cycle: the 30-day loop that observes how skills are actually used, proposes evidence-backed edits to them as one…
Coco Diagram
coco-research/coco
A skill your agent uses for architecture, current-state, process, data-flow, medallion, or DP diagrams, including redrawing .drawio and Mermaid sources.
API Design Principles
coco-research/coco
A skill your agent uses when designing a new REST or GraphQL API, reviewing an API spec before implementation, setting team API standards, or migrating REST to GraphQL.
Related
Works with
Questions about Website To Video
What does Website To Video do?
A skill your agent uses when the user wants a video of a website (site tour, portfolio, docs or landing-page showcase) captured from a URL. Website To Video is an agent skill from coco-research/coco. Use when the user wants a video of a website (site tour, portfolio, docs or landing-page showcase) captured from a URL.
When should I use Website To Video?
Website To Video fits situations like: the user wants a video of a website (site tour; landing-page showcase) captured from a URL.
How do I install Website To Video in Claude Code?
Run `npx skills add coco-research/coco --skill website-to-video -a claude-code`. Or copy the skill folder (systems/hyperframes/skills/website-to-video in coco-research/coco) into .claude/skills/website-to-video in your project. Claude Code loads it when a task matches its description.
How do I install Website To Video in Codex?
Run `npx skills add coco-research/coco --skill website-to-video -a codex`. Or copy the skill folder (systems/hyperframes/skills/website-to-video in coco-research/coco) into .agents/skills/website-to-video in your project. Codex loads it when a task matches its description.
Can I use Website To Video in Cursor, Gemini CLI or GitHub Copilot?
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add coco-research/coco --skill website-to-video -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/website-to-video, .gemini/skills/website-to-video, .github/skills/website-to-video and .opencode/skills/website-to-video in your project.
What does Website To Video need to run?
Going by SKILL.md and its folder, Website To Video needs the command-line tools its instructions call (npx). Our summary lists: Node.js.
Does Website To Video access the network?
SKILL.md contains no URLs. Its commands use npx, which can reach the network depending on how they are called. This is read from the text; nothing was executed.
Is Website To Video safe to install?
Our automated static check of SKILL.md found notes only (mentions a .env file), nothing it rates as a warning. It is not a guarantee. The check reads SKILL.md only: the scripts in the folder are not scanned, so read them before running anything.
What licence does Website To Video use?
Website To Video has a licence file (the repository's licence) that doesn't match a standard licence. Read it on GitHub before reusing the skill.
How many tokens does Website To Video use?
About 3.1k tokens (SKILL.md is roughly 12k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 58k tokens, read only when the agent opens those files.
What are the alternatives to Website To Video?
Skills that share tags, products or a category with Website To Video: Website To Video (aiskillstore/marketplace, 433 stars), Product Launch Video (heygen-com/hyperframes, 60k stars), Gsap (alecs5am/ralphy, 138 stars) and Replica Launch (Jakeschincariol/replica-skill, 1.4k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Website To Video?
coco-research (a GitHub user) maintains it in coco-research/coco, which has 513 GitHub stars. The repository holds 63 skills in this directory. The repository was last updated on October 10, 2026.
Source: coco-research/coco on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.