Video
Dot to Logo Reveal
Dot that folds into your logo, as MP4
- Runs in
- Claude Code
- Codex
- Cursor
Gemini CLI
GitHub Copilot
OpenCode
- Generates with
- Your agent's model
- Tested with
- Claude Code 2.1.322Claude Sonnet 5.51 real run, 10 Nov
- Needs
- Node 22+Chromeffmpeg
- Licence
- Recaply licence
Website to Plan
A web address is typed into a big bar, Analyze is pressed, and three result cards count up before the plan is ready.
$9.99once, yours to keep
Every premium skill and prompt, one plan$19.99 a month. Cancel any time.
What you get when you buy
Payments are non-refundable. See our Terms of service.
Yours. Download it, then add it to your agent.
Makes a short launch-film scene as an MP4 clip: a web address is typed into a big bar, Analyze is pressed, and three result cards count up before the plan is ready. It shows the person's own product, words, screenshots or pictures in real type and smooth motion (about 7 s), works alone as a social clip or as one scene in a longer launch film, at 16:9, 9:16, 1:1 or 4:5. Renders locally with Chrome and ffmpeg; no video model, no key and no cost. Use when a tool reads a website or link and returns an audit, plan or report, or when someone asks for a "website to plan" animation, motion graphic or product clip.
By RecaplyUpdated 11 Nov
Similar skills
All 735 skills
Video
Video1 view, 0 downloads
Prompt Builds a Button
Typed ask that builds a button
Video
Hands-off Mode Switch
Switch from ask-first to full auto
Video
Ad Scan and Remake
Ads scanned, ranked and remade
Who Website to Plan is for
What you get
- An MP4 scene of about 7 s at 16:9, 9:16, 1:1 or 4:5
- Your product's words, screenshots and logo in real type
- Works alone or as one scene in a longer film
Good fit
- When a tool reads a website or link and returns an audit, plan or report
Not for
- A whole launch film in one go (use a launch film)
- Filmed footage or people on camera
About this skill
You say
Show a store owner pasting their shop link and getting three numbers: speed score 64, 9 broken links, 5 quick wins. About us: SEO audit tool Rankwise; the demo site is northpinecandles.com.
It said back
The clip is rendered: website-to-plan/website-to-plan.mp4, 7.37 s, 1920×1080 (16:9), 30 fps, about 270 KB. It has no sound.
- What it shows: A store owner types
northpinecandles.cominto a big bar under the headline "Your SEO audit, from one link". They press Analyze, and three cards count up: Speed score 64, Broken links 9, Quick wins 5. - Look:
studio, the cool white one with blue accents. I didn't set a brand colour because you didn't give one. If Rankwise has a brand hex, I can re-render with it. - Check: The check pass reported no layout problems. I looked at the final frame and all three numbers and labels read cleanly. I didn't watch the full clip.
- Sizes: I only made 16:9. A 9:16 or 4:5 version for Reels or feeds would take one more render.
Show more
What it did in run 1
- website-to-plan
- node .claude/skills/website-to-plan/scripts/check.mjs; mkdir -p website-to-plan && cat > website-to-plan/film.json <<'EOF' { "look": "studio", "size": "16:9", "name": "Rankwise", "out": "website-to-plan.mp4", "scenes": [ { "scene": "composer", "input": "url", "headline": "Your SEO audit, from one link", "url": "northpinecandles.com", "button": "Analyze", "result": "cards", "items": [{ "title": "Speed score", "value": "64" }, { "title": "Broken links", "value": "9" }, { "title": "Quick wins", "value": "5" }] } ] } EOF node .claude/skills/website-to-plan/scripts/film.mjs website-to-plan/film.json --check
- ./website-to-plan/film.json
- node .claude/skills/website-to-plan/scripts/check.mjs && node .claude/skills/website-to-plan/scripts/film.mjs website-to-plan/film.json --check
- ./website-to-plan/film-check.png
- node .claude/skills/website-to-plan/scripts/film.mjs website-to-plan/film.json && ls -l website-to-plan
- Done
Questions
Is Website to Plan free?
No. Website to Plan costs $9.99 once and stays in your Recaply account, or it comes with the Recaply plan ($19.99 a month), which opens every premium skill and prompt.
Which agents can use Website to Plan?
Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot and OpenCode.
What do I get when I buy Website to Plan?
A ZIP of the whole skill folder (61 KB): the SKILL.md your agent follows and its 11 other files, the references, templates and scripts it uses. You download it from this page whenever you need it, and install it in Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot and OpenCode. The Recaply plan opens it too, with every other premium skill and prompt.
How do I install Website to Plan?
Buy it, then download the ZIP from this page. For Claude Code, unzip it into .claude/skills/ in your project. For Codex, Cursor and Gemini CLI, unzip it and run npx skills add ./website-to-plan with your agent's flag.
What do I get from Website to Plan?
An MP4 scene of about 7 s at 16:9, 9:16, 1:1 or 4:5. Your product's words, screenshots and logo in real type. Works alone or as one scene in a longer film.
What does Website to Plan need?
Node 22+, Chrome and ffmpeg, and no API key. Each use costs nothing beyond your agent.
How big is Website to Plan?
12 files, about 43,749 tokens in all. The SKILL.md is about 2,222 tokens, and your agent reads it only when the job fits.
What does a run cost?
Our 1 runs took 36 s to 36 s and $0.09 to $0.09 of API use each, in Claude Code with claude-sonnet-5-5. On a Claude plan, a run counts toward your usage instead.
Do I have to name Website to Plan to use it?
Type /website-to-plan first to make sure it loads. Without it, Claude Code may judge a small job simple enough to do without the skill.