scaffold-project
Scaffold a new app, API, backend, fullstack project, mobile app, polyglot service, monorepo, or starter with Better Fullstack. Use when the user wants to create, start, bootstrap, initialize, or generate a project from a stack description. Prefer the bundled Better Fullstack MCP server: guidance, schema, compatibility, plan, then create.
git clone --depth 1 https://github.com/Marve10s/Better-Fullstack /tmp/scaffold-project && cp -r /tmp/scaffold-project/plugin/skills/scaffold-project ~/.claude/skills/scaffold-projectSKILL.md
# Scaffold a Better Fullstack Project Use the Better Fullstack MCP server as the source of truth. Do not hand-write package files, framework folders, auth wiring, database wiring, or generated project structure. ## Workflow 1. Resolve intent. If major choices are unclear, ask briefly or pick conservative defaults and state them. 2. Call `bfs_get_guidance`. 3. Call `bfs_get_schema` for the current allowed values. Do not rely on a stale option list. 4. Build a full explicit config. Use `"none"`, empty arrays, and booleans rather than omitting important fields. 5. Call `bfs_check_compatibility`. 6. Call `bfs_plan_project`. Review the dry-run output and compatibility adjustments. 7. Call `bfs_create_project` only after the plan matches the user request. 8. Report the selected stack, project directory, and exact install/test/dev commands. ## Rules - Set `install: false` for agent scaffolding unless the user explicitly asks to install dependencies. - Use `packageManager: "bun"` when the user or current repo expects Bun. - Use `aiDocs: ["agents-md"]` for reusable projects and `aiDocs: ["none"]` for benchmarks or throwaway scaffolds. - Prefer stack graph parts for explicit multi-ecosystem stacks, but use MCP schema fields when they communicate the request more clearly. - Treat compatibility adjustments as user-visible decisions. - Do not start a dev server. ## Common Stack Hints - React + Vite: `frontend: ["react-vite"]` - Next.js fullstack: `frontend: ["next"]`, `backend: "self"` - Hono API: `backend: "hono"`, `runtime: "bun"` or `"node"` - SQLite + Drizzle: `database: "sqlite"`, `orm: "drizzle"` - Python API: `ecosystem: "python"`, then choose `pythonWebFramework` and related Python fields - Rust API: `ecosystem: "rust"`, then choose `rustWebFramework` and related Rust fields ## CLI-only fallback If the Better Fullstack MCP tools are unavailable, inspect the current flags with `npx -y create-better-fullstack@latest create --help`, then run the explicit scaffold command with `--dry-run --no-install --no-git`. Review that preview before rerunning without `--dry-run`. Do not guess option names or hand-write the scaffold. ## Final Response Say what command/tool path was used, what compatibility adjustments were made, where the project was created, and what the next commands are. Never claim dependencies were installed when `install: false` was used.
Scaffold, plan, or extend Better Fullstack projects with the generator, CLI, or MCP server. Use when a user asks to create, generate, or scaffold a fullstack starter; choose a Better Fullstack stack; add Better Fullstack capabilities; compare agent scaffolding paths; or avoid hand-authoring boilerplate project files.
Create Remotion videos using the Geist design system aesthetic. Use when asked to create videos, animations, or motion graphics that should follow Vercel's visual style - dark theme, spring animations, Geist typography, and the Geist color palette.
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.
Create modern product launch/pitch videos using Remotion. Use when creating app promo videos, SaaS launch videos, product demos, or startup pitch videos.
Generates animation configurations for Remotion including spring configs, interpolations, easing functions, and timing logic. Focuses ONLY on animation parameters, NOT component implementation. Use when defining animation behavior or when asked to "configure animations", "setup spring configs", "define easing curves".
Best practices for Remotion - Video creation in React
Animation components and utilities for Remotion video projects. Use when building Remotion compositions with text animations, gradient transitions, particle effects, 3D scenes, or staggered motion effects. Provides example bits (complete compositions) and reusable components that can be installed via jsrepo.
Generate walkthrough videos from Stitch projects using Remotion with smooth transitions, zooming, and text overlays