Vibeleaderboard
Index / tool
Visit github.com
Category
Developer Tools
Rank
No. 1855Tools index

Previous survey · No. 1863 ·

Pricing
Open Source
Type
TOOL
GitHub
3 stars
Date

About

CLI for scaffolding Open Frames projects with a slick terminal UI.

What it does

Create Open Frames asks you to choose among three starter stacks, name the destination folder, and select its parent directory. It then fetches the chosen starter through either Git or the Next.js project generator, showing progress and a completion message.

Why it's ranked here

Its narrow scope is useful: it turns three documented Open Frames starters into a guided setup flow with little prior knowledge required. The implementation is also small enough to understand quickly. However, missing automation support and uneven failure handling limit its use beyond manual project creation.

What's good

The prompts expose meaningful choices instead of requiring users to remember template URLs or generator flags. It supports Frog with Hono, Frames.js with Next.js, and OnchainKit with Next.js. Interrupt signals produce a clear abort message, while the package requires a modern Node runtime.

Tradeoffs

Only interactive operation is available; non-interactive use is merely promised. The Frog path removes cloned Git metadata through an interpolated shell command, then initializes a fresh repository. Two template branches print success without checking for a successful exit code, and the Frog branch performs cleanup even after cloning fails.

How to use it well

Use it when a developer wants to explore Open Frames through one of the three bundled starter stacks and prefers guided setup. It fits initial local project creation, especially for comparing framework choices. It does not provide unattended scaffolding, custom template registration, deployment, or ongoing project management.

Technical notes+

package.json defines an ES module CLI package for Node 18 or newer, publishes only the compiled output directory, and builds with TypeScript plus an executable-bit update. src/index.ts installs SIGINT and SIGTERM handlers, renders ASCII art, gathers three prompts, normalizes one trailing slash, and delegates creation. src/frames.ts maps three typed template keys to child processes: two invoke npx create-next-app --example, while Frog invokes git clone, removes .git with execSync, and runs git init. Only the Frames.js branch collects stderr and gates its success message on exit code zero. tsconfig.json enables strict checking, ESNext output, Bundler resolution, and compilation from src/**/*. LICENSE.md supplies the MIT terms.

Observed

License
MIT
Primary language
TypeScript
Interface
Interactive command-line tool
Install surface
Available through npx, npm create, yarn create, and pnpm create
Runtime
Node.js 18 or newer
Packaging
ES module npm package with a create-open-frames executable
Template support
Frog with Hono, Frames.js with Next.js, and OnchainKit with Next.js

Read from README.md, package.json, src/index.ts, src/frames.ts, LICENSE.md, tsconfig.json.

What it can do

  • Scaffold new Open Frames project

    Project configuration parametersComplete Open Frames project structure with files and folders

  • Generate project boilerplate code

    Framework selection and project namePre-configured source code files and templates

  • Initialize project dependencies

    Project type and requirementsPackage.json and installed dependencies

  • Create project configuration files

    Development environment preferencesConfiguration files (tsconfig, eslint, etc.)

  • Set up development environment

    Project specificationsReady-to-develop Open Frames application

Tags

cliopen-framesfarcasterscaffoldstarter

Tech Stack

Node.jsTypeScript

Comments (0)

No comments yet

Editorially curated, with community endorsements as a secondary signal. Corrections welcome.