Open Source · AGPL-3.0

Visual dashboard for spec-kit projects

Track your software specifications with a beautiful Kanban board. Real-time updates, shareable links, and deep linking to individual features.

Get Started View on GitHub

Quick Start

Get SpecBoard running locally. Works with pnpm, yarn, or npm.

1Run the install script

curl -fsSL https://example.com/install.sh | sh

Work in Progress: The one-line installer is currently under development. Please use the Development Setup for now.

Open http://localhost:3000 after setup is complete.

localhost:3000/projects/spec-board

SpecBoard Kanban dashboard showing feature cards organized in columns

How it works

Get started in minutes with a simple three-step process.

Step 1

Write Specs

Create specifications using spec-kit in your project.

Step 2

Launch SpecBoard

Point SpecBoard to your project that use spec-kit.

Step 3

Visualize & Track

Watch your specs flow through the Kanban board in real-time.

URL Structure

http://localhost:3000/projects/spec-board/features/009-checklists-interaction

AGPL-3.0

Open Source

SSE Updates

Real-time

Clean URLs

Shareable

Full Control

Self-hosted

Features

Everything you need to manage specifications, track progress, and ship with confidence.

Split view showing implementation plan and tasks

Split View Tasks

Side-by-side plan and tasks panel for efficient verification workflows.

Click to enlarge

Kanban Board

4-column pipeline view: Backlog, Planning, In Progress, and Done. Visualize your entire spec lifecycle at a glance with progress indicators.

Click to enlarge

Specification Editor

Write user stories with acceptance scenarios, edge cases, and Given/When/Then format for clear requirements.

Click to enlarge

Implementation Plan

Technical context, constitution checks, and verification phases all in one structured view.

Click to enlarge

Checklist view with implementation verification

Verification Checklists

Track implementation verification with organized checklists and edge case coverage.

Click to enlarge

Analysis Reports

Specification analysis with findings table, severity levels, and actionable recommendations.

Click to enlarge

Save Analysis Report button in Quality Assurance section

Save Analysis Reports

One-click export of your specification analysis to share with your team or archive for later.

Click to enlarge

Suggest Next Action feature showing implementation guidance

AI-Suggested Next Action

Get intelligent suggestions for your next implementation task based on your spec progress.

Click to enlarge

Project Constitution

Define technical standards, stack requirements, code conventions, and API design guidelines.

Click to enlarge

Research view with architecture decisions

Research Decisions

Document architecture decisions with alternatives considered, rationale, and dependencies.

Click to enlarge

Built with modern tech

A carefully selected stack for performance, developer experience, and maintainability.

Frontend

Next.js 16

React framework

Tailwind CSS v4

Utility-first CSS

Zustand

State management

Recharts

Chart library

Backend

Next.js API

API routes

Prisma

Database ORM

PostgreSQL

Database

SSE

Real-time updates