{"id":50561860,"url":"https://github.com/connorodea/framewright","last_synced_at":"2026-06-04T12:01:16.188Z","repository":{"id":357986296,"uuid":"1238516631","full_name":"connorodea/framewright","owner":"connorodea","description":"Interactive CLI for crafting AI videos in your terminal — HyperFrames + Claude Code + skills.","archived":false,"fork":false,"pushed_at":"2026-05-15T05:03:03.000Z","size":134,"stargazers_count":0,"open_issues_count":13,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2026-05-15T06:49:18.644Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/connorodea.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2026-05-14T07:31:40.000Z","updated_at":"2026-05-14T07:31:46.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/connorodea/framewright","commit_stats":null,"previous_names":["connorodea/framewright"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/connorodea/framewright","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/connorodea%2Fframewright","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/connorodea%2Fframewright/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/connorodea%2Fframewright/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/connorodea%2Fframewright/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/connorodea","download_url":"https://codeload.github.com/connorodea/framewright/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/connorodea%2Fframewright/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":33903134,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-06-04T02:00:06.755Z","response_time":64,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2026-06-04T12:01:15.248Z","updated_at":"2026-06-04T12:01:16.183Z","avatar_url":"https://github.com/connorodea.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"# framewright\n\n\u003e Interactive CLI for crafting AI videos from your terminal.\n\u003e Powered by [@clack/prompts](https://github.com/bombshell-dev/clack),\n\u003e [HyperFrames](https://github.com/heygen-com/hyperframes), and\n\u003e [Claude Code](https://docs.claude.com/claude-code) — which auto-loads your\n\u003e installed skills (`hyperframes`, `website-to-hyperframes`, `hyperframes-media`,\n\u003e `lottie`, `gsap`, `animejs`, …) and lets them do the heavy lifting.\n\n```\n███████╗██████╗  █████╗ ███╗   ███╗███████╗██╗    ██╗██████╗ ██╗ ██████╗ ██╗  ██╗████████╗\n██╔════╝██╔══██╗██╔══██╗████╗ ████║██╔════╝██║    ██║██╔══██╗██║██╔════╝ ██║  ██║╚══██╔══╝\n█████╗  ██████╔╝███████║██╔████╔██║█████╗  ██║ █╗ ██║██████╔╝██║██║  ███╗███████║   ██║\n██╔══╝  ██╔══██╗██╔══██║██║╚██╔╝██║██╔══╝  ██║███╗██║██╔══██╗██║██║   ██║██╔══██║   ██║\n██║     ██║  ██║██║  ██║██║ ╚═╝ ██║███████╗╚███╔███╔╝██║  ██║██║╚██████╔╝██║  ██║   ██║\n╚═╝     ╚═╝  ╚═╝╚═╝  ╚═╝╚═╝     ╚═╝╚══════╝ ╚══╝╚══╝ ╚═╝  ╚═╝╚═╝ ╚═════╝ ╚═╝  ╚═╝   ╚═╝\n```\n\n## What it does\n\n- Scaffolds a HyperFrames-compatible composition from interactive prompts.\n- Calls Claude to generate a structured video script (title / caption / voiceover scenes).\n- Manages scenes as plain JSON — diffable, reviewable, AI-editable.\n- Wraps `hyperframes preview` and `hyperframes render` so you never leave the CLI.\n- Supports website-capture scenes (powered by the `website-to-hyperframes` skill).\n\n## Install\n\n```bash\nnpm install -g framewright\n# or run on demand\nnpx framewright\n```\n\nFor local development:\n\n```bash\ngit clone https://github.com/connorodea/framewright.git\ncd framewright\nnpm install\nnpm run build\nnode dist/index.js\n```\n\n## Setup\n\nframewright shells out to the `claude` CLI ([Claude Code](https://docs.claude.com/claude-code)).\nClaude Code handles its own auth — no `ANTHROPIC_API_KEY` needed here.\n\nInstall the skills you want available to framewright (one-time):\n\n```bash\n# https://skills.sh/heygen-com/hyperframes\nnpx skills add heygen-com/hyperframes\n```\n\nOptional env overrides (copy `.env.example` → `.env` if you want them):\n\n| Variable                 | Default                | Purpose                              |\n|--------------------------|------------------------|--------------------------------------|\n| `FRAMEWRIGHT_CLAUDE_BIN` | `claude`               | Pin a specific Claude Code binary    |\n| `HYPERFRAMES_BIN`        | `npx --yes hyperframes`| Pin a specific HyperFrames invocation|\n\n## Usage\n\n```bash\ncd ~/videos\nframewright          # or `fw`\n```\n\nInside the prompt menu:\n\n1. **New project** — pick a name + canvas preset (vertical / landscape / square) + fps.\n2. **Generate script with Claude Code** — topic + tone → multi-scene script.\n3. **Add scene manually** — title / caption / voiceover / image / custom.\n4. **Add website capture** — fires the `website-to-hyperframes` skill via Claude Code.\n5. **Generate kokoro voiceover** — fires the `hyperframes-media` skill via Claude Code.\n6. **Preview** — opens a HyperFrames preview window.\n7. **Render** — outputs an mp4 / webm / gif into `./renders/`.\n\nEach project is a folder with a `framewright.json` (your source of truth) and a `.hyperframes/index.html` that gets regenerated on every save.\n\n### Project file format\n\n```json\n{\n  \"name\": \"Launch teaser\",\n  \"slug\": \"launch-teaser\",\n  \"width\": 1080,\n  \"height\": 1920,\n  \"fps\": 30,\n  \"scenes\": [\n    { \"id\": \"scene-01\", \"kind\": \"title\",    \"text\": \"We built it.\",         \"durationMs\": 2500 },\n    { \"id\": \"scene-02\", \"kind\": \"caption\",  \"text\": \"Off-market deals\",     \"durationMs\": 2000 },\n    { \"id\": \"scene-03\", \"kind\": \"voiceover\",\"text\": \"Here's how it works.\", \"durationMs\": 4000 }\n  ]\n}\n```\n\n## Architecture\n\n```\nsrc/\n  index.ts                  # @clack/prompts main loop, command router\n  banner.ts                 # figlet ASCII intro\n  lib/\n    project.ts              # framewright.json read/write + types\n    claude.ts               # `claude -p` subprocess wrapper (skills auto-load)\n    hyperframes.ts          # execa wrapper + composition HTML builder\n  commands/\n    newProject.ts\n    addScene.ts\n    generateScript.ts       # → claude -p → scenes JSON\n    captureWebsite.ts       # → website-to-hyperframes skill\n    generateVoiceover.ts    # → hyperframes-media skill (kokoro TTS)\n    listScenes.ts\n    removeScene.ts\n    preview.ts              # → hyperframes preview\n    render.ts               # → hyperframes render\n```\n\n## How the skill bridge works\n\nWhen you choose \"Generate script with Claude Code\", framewright runs:\n\n```bash\nclaude -p \"\u003cprompt\u003e\" --output-format json --permission-mode bypassPermissions\n```\n\nClaude Code reads the prompt, matches trigger phrases against your installed\nskill descriptions, and loads the relevant skills automatically. framewright\nnever hard-codes which skill to call — it just describes the goal and lets the\nskill router pick the tool. That means newly-installed skills (lottie, three,\ngsap, animejs) become available to framewright with zero code changes.\n\n## Roadmap\n\n- [ ] Re-order scenes (drag-equivalent via picker).\n- [ ] Per-scene `kokoro` voiceover generation (via `hyperframes-media` skill).\n- [ ] `framewright clone \u003curl\u003e` — one-shot website-to-video via the `website-to-hyperframes` skill.\n- [ ] Theme presets (brand color + font tokens).\n- [ ] Multi-track audio (background music).\n- [ ] `framewright watch` — auto-rebuild composition on JSON change.\n\n## License\n\nMIT © Connor O'Dea\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fconnorodea%2Fframewright","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fconnorodea%2Fframewright","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fconnorodea%2Fframewright/lists"}