Back
    SpecPilot AI
    AI / ML
    Custom CMS

    SpecPilot AI

    SpecPilot AI is a workflow tool for product and frontend teams who need to move from ambiguity to implementation fast. Users upload a one-pager, optional Figma export, and sample JSON responses; the system runs a multi-step agent pipeline (research → spec → UX outline → component scaffold) with visible reasoning, versioned outputs, and guardrails for PII and hallucinations. Built to feel like a modern dev tool: keyboard-first, streaming everywhere, and exportable to Markdown, Jira, and a Next.js starter repo.

    Next.js
    TypeScript
    OpenAI API
    RAG
    PostgreSQL

    Case Study

    How this project was designed and delivered

    Overview

    SpecPilot AI helps teams collapse weeks of alignment into hours. Instead of scattered docs and Slack threads, teams work in a single workspace where every AI output is tied to source material and can be regenerated when requirements change.

    tes

    Problem

    Product briefs are vague, design and engineering interpret them differently, and “AI drafts” are often generic with no provenance. Teams waste time rewriting specs and rebuilding UI that missed edge cases.

    My role

    Led frontend architecture and UX for the core workspace: multimodal upload, streaming agent timeline, diffable spec versions, and export flows. Partnered on prompt design, evaluation rubrics, and API contracts for the agent orchestration layer.

    Solution

    Built a Next.js app with step-based agents exposed as streaming server events. Implemented a citation model (chunk IDs → highlighted source spans), an eval panel (clarity, completeness, feasibility scores), and a scaffold generator that outputs typed React components and route stubs. Added role-based views so PMs see narratives while engineers get OpenAPI + component trees.OutcomePilot teams reported ~40% faster time from brief to dev-ready spec, with fewer rework cycles because outputs were traceable and versioned. The modular agent UI allowed new steps (accessibility audit, test-case generator) without redesigning the whole product.