Prototype-first development server.
YAML schema, SQLite CRUD, live HTML editing.
name: My App entities: Task: properties: - name - { name: status, type: enum, values: [todo, in_progress, done] } - { name: priority, type: integer } seed: - { name: "Design homepage" }
$ scaffold dev scaffold. → http://localhost:1234 ✓ Migrated 1 entity (tasks) ✓ Seeded 1 record ✓ 6 API endpoints ready ✓ 1 page with live editor ✓ Watching for changes…
Define your data model once. scaffold generates the API, serves your prototypes, and lets you edit them live.
Define entities in YAML. Get REST endpoints with filtering, sorting, pagination, and eager loading. Zero boilerplate.
Edit HTML in the browser. Inline text editing, element selection, drag to reorder, duplicate, delete. Changes save to disk.
File watcher broadcasts changes to all connected browsers via WebSocket. Edit in your IDE, see it instantly.
Add route handlers in functions/*.ts. Full access to the SQLite database and WebSocket broadcast.
Claude understands your design system. Edit pages with natural language, generate new prototypes from descriptions, extract reusable components.
Select an element or describe a change. AI modifies your page with full context of your design system and data model.
Describe a new page. AI generates a complete prototype matching your project's existing style and conventions.
Extract patterns into reusable components. AI-powered palette with search, categorization, and one-click insertion.
Iterative editing. AI sees your full page, design system, and data model on every request.
# Install scaffold globally $ bun install && bun link # Create a new project $ mkdir my-app && cd my-app $ scaffold init . # Edit scaffold.yml, add some .html prototypes, then: $ scaffold dev scaffold. → http://localhost:1234