Project Info

SpecFlow Lite — AI-assisted spec-driven development

Next.js 16
Supabase
6 Agents

7

Features

41

Components

10

API Routes

100

Tests

4

DB Tables

6

AI Agents

18

Skills

8

MCP Tools

Build Methodology

📋
Analyze

BA Agent discovers requirements, user stories, and acceptance criteria

💬
Specify & Clarify

GitHub Spec Kit generates spec.md — clarify resolves ambiguities

🏗️
Design

Architect Agent designs data model, API contracts, component architecture

📐
Plan & Tasks

Spec Kit generates plan.md and task breakdown with dependencies

💻
Implement

Developer Agent builds components, API routes, hooks, validators, tests

👀
Review

Reviewer + Security agents assess quality, RLS, and maintainability

🧪
Test

QA Agent runs Playwright E2E + Vitest integration/unit tests

GitHub Spec Kit

Orchestrates the full specification-driven development cycle with automated review gates at each stage. Every SpecFlow Lite feature was built through this pipeline.

📋 spearit.specify

→ spec.md

User stories, acceptance criteria, edge cases, functional requirements

💬 spearit.clarify

→ spec.md (updated)

Clarification questions, ambiguity resolution, scope boundaries

📐 spearit.plan

→ plan.md

Architecture, data model, API contracts, component tree, route design

✅ spearit.tasks

→ tasks.md

Ordered task list, dependencies, priority, effort estimate, acceptance check

Skills

SkillPhaseOutput

ba-skill

Analysis

User stories, acceptance criteria, business rules

speckit-analyze

Analysis

Feature analysis and structured requirements discovery

speckit-clarify

Analysis

Clarification questions to resolve ambiguities

speckit-specify

Spec

Structured feature specification documents

spec-kit-skill

Spec

Orchestrates full Spec Kit workflow across all phases

architect-skill

Design

DB schema, API contracts, security patterns

speckit-plan

Plan

Implementation plan from specification

speckit-tasks

Tasks

Granular implementation tasks with dependencies

speckit-taskstoissues

Tasks

Converts task list to GitHub issues for tracking

speckit-implement

Build

Executes tasks following plan and conventions

ux-skill

Design

Component composition, layouts, empty states

speckit-checklist

QA

Quality checklists for pre-review validation

qa-skill

Test

Test cases, edge cases, Playwright scenarios

reviewer-skill

Review

Code quality, architecture, performance review

security-review-skill

Security

RLS audit, auth review, OWASP checks

swarmvault

Knowledge

Code graph compilation, wiki, graph-first search

speckit-constitution

Rules

Project conventions and development rules

speckit-agent-context-update

Rules

Refreshes agent context files after spec/plan changes

AI Agents

BA Agent

Business Analyst

sequential-thinking
  • User stories
  • Acceptance criteria
  • Business rules
  • Clarification questions

Architect Agent

Solution Architect

sequential-thinking
context7
supabase
  • Architecture overview
  • DB schema
  • API contracts
  • Security design

Developer Agent

Full-Stack Developer

context7
github
playwright
supabase
  • Components
  • API routes
  • Hooks
  • Validators
  • Tests

QA Agent

Quality Engineer

playwright
  • Test cases
  • Negative scenarios
  • Playwright E2E scripts

Reviewer Agent

Code Reviewer

github
  • Quality findings
  • Risks
  • Approval decision

Security Agent

Security Reviewer

context7
supabase
  • RLS audit
  • Auth review
  • Vulnerability scan
  • Mitigations

MCP Tools

MCP ServerCategoryRoleUsed By

Context7

Docs

Real-time API docs for Next.js, Supabase, Mantine, TanStack Query, Zod

Architect, Developer, Security

GitHub

DevOps

Issues, PRs, branches, Copilot code review, repo management

Developer, Reviewer

Playwright

Testing

Browser automation, UI verification, console error detection, 89 E2E tests

Developer, QA

Magic UI

Design

Component inspiration for dashboards, empty states, cards, hero sections

Developer

Sequential Thinking

Reasoning

Structured problem-solving for architecture, DB design, complex debugging

BA, Architect

SwarmVault

Knowledge

Automated code graph compilation, wiki management, graph-first search hooks

All agents

SwarmVault MCP

Query

Graph traversal, blast radius, call graphs, community detection

All agents

Claude Mem

Memory

Cross-session project insights, decisions, and pattern persistence

All agents

Key Features

blue

Project Management

CRUD, status lifecycle (Active/Paused/Completed/Archived), search & filter, archive/restore, soft-delete with 30-day recovery, optimistic locking

7 components · 3 API routes · 19 E2E tests

green

Requirements Management

4 types (Functional/Non-functional/Technical/UX), P1–P5 priority, Draft→Approved flow, link to specifications

8 components · 2 API routes · 16 E2E tests

yellow

Specification Management

Create from approved requirements, requirement linking, Draft→In Review→Approved→Implemented lifecycle

8 components · 2 API routes · 17 E2E tests

pink

Task & Implementation Tracking

Todo/In Progress/Done status, lock on approved spec, cross-project listing, per-spec task board

7 components · 2 API routes · 16 E2E tests

grape

Dashboard

Project health overview, recent projects quick-access, open tasks at-a-glance, empty states with CTAs

6 components · 1 API route · 9 E2E tests

cyan

Project Info

Project statistics, build methodology timeline, AI agents, skills registry, MCP tools, tech stack, feature overview

1 component · 0 API routes · 12 E2E tests

orange

Vercel CI/CD Deployment

GitHub integration, auto-deploy on push to main, PR preview deployments, environment variable management, zero-downtime rollback

1 config file · 0 API routes · proxy.ts

Technology Stack

LayerTechnologyVersionPurpose

Framework

Next.js
16.2

App Router, Server Components, API routes

Language

TypeScript
6.0

Strict mode, full type safety

UI Library

Mantine UI
9.3

Accessible components, forms, modals, theming

State

TanStack Query
5.101

Server state caching, optimistic mutations

Validation

Zod
4.4

Form + API schema validation

Icons

Tabler Icons
3.44

3,000+ vector icons

Database

Supabase PostgreSQL
2.108

Managed db, RLS, real-time

Auth

Supabase Auth
0.12

GitHub OAuth, session management

E2E Testing

Playwright
1.61

89 browser test scenarios

Unit Testing

Vitest
4.1

8 unit + 3 integration tests

Deployment

Vercel
—

GitHub auto-deploy, PR previews, zero-config

Built with Claude Code · VibeCode Tour · June 2026