FRMWRK
Next.js Boilerplate
Build tools with AI
FRMWRK
Next.js Boilerplate
Build tools with AI

Getting started

From zero to a running tool in minutes.

Quick start

  1. 1

    Get the boilerplate on your computer

    HTTPSgit clone https://gitlab.com/frmwrk/ai/nextjs-boilerplate my-tool
    SSHgit clone git@gitlab.com:frmwrk/ai/nextjs-boilerplate.git my-tool
    View on GitLab →
    SSH not working?

    Add your SSH key at GitLab → Settings → SSH Keys

    Or use the HTTPS URL instead — no SSH setup needed.

    No Git access? Download as ZIP
    1. Download ZIP from GitLab
    2. Unzip to a local folder, e.g. ~/projects/my-tool
    3. Open Terminal and run: cd ~/projects/my-tool
    4. Continue with step 2 below
  2. 2

    Install dependencies

    npm install
  3. 3

    Start the dev server

    npm run dev
  4. 4

    Open http://localhost:3000

Generate your tool

  1. 1

    Open this folder in Claude Code or Cursor

    Claude Code Desktop easiest — open the app → File → Open Folder → select my-tool

    Claude Code Terminal: open Terminal → cd my-tool → run claude

    Cursor: open Cursor → File → Open Folder → select my-tool

  2. 2

    Type /new-tool in the chat

  3. 3

    Answer the questionnaire (~2 minutes)

  4. 4

    Review the generated docs/SPEC.md

  5. 5

    Approve — AI transforms the boilerplate into your tool

After generation

Run npm run dev

Verifies everything works

Read docs/SPEC.md

Understand what was built

Use /add-feature

Add modules or pages later. Available modules are listed in docs/MODULES.md

Next steps

Check prerequisites

/docs/prerequisites

→

Understand the stack

/docs/stack

→

Explore available skills

/skills

→