Skip to content
NarraNexus
All templates
developmentweb

Web Development Team

by NarraNexus team contributor · MIT

Local Build assumes a NarraNexus instance running at localhost:5173 — start it first with bash run.sh.

Desktop App requires the NarraNexus DMG installed to /Applications/ (and opened at least once so macOS registers the narranexus:// handler).

Web Development Team is the full build-and-ship pipeline for frontend or Supabase-backed web apps. A Product Manager turns your brief into a scoped plan; the Web Developer implements (frontend-first by default, Supabase for any backing data); a Design Reviewer inspects the result against the brief; and the Vercel Deployment Agent ships the live URL. The team ships 7 bundled skills covering the modern web-app toolchain: **impeccable** for design discipline, **frontend-design** + **agency-frontend-developer** for the front of house, **supabase** for the data layer, **image-generation** for placeholder + production assets, **vercel-deployments** for shipping, and a couple more covering the gaps. The PM-first orchestration keeps scope tight; the Vercel hand-off keeps the loop short — brief in, URL out. Use it for landing pages, portfolios, small SaaS dashboards, and Supabase-backed prototypes. The agents read each other's outputs, so you don't relay messages between them — give the PM the brief and let the pipeline run.

How to use it

Always start with the Product Manager. Drop a brief in plain English: > "Build a marketing site for a coffee subscription startup. Hero with a video background, 3 plans, an about section, a waitlist form backed by Supabase. Brand is warm and editorial." What happens next: - PM returns a scoped plan + clarifying questions (answer them inline) - Web Developer implements the frontend, wires Supabase if needed, opens a preview - Design Reviewer inspects the result against the brief and your brand notes - Vercel Deployment Agent ships the production URL Skills worth invoking directly when relevant: - impeccable — for a discipline pass on a design decision ("impeccable critique the hero") - supabase — for schema + RLS work ("set up the waitlist table with RLS") - vercel-deployments — for a manual redeploy or env-var update Needs a Vercel token. Supabase project URL + anon key only if you ask for a data layer.

Agents in this template

  • Product Manager
  • Web Developer
  • Design Reviewer
  • Vercel Deployment Agent

How to install (manual)

  1. Click Download .nxbundle above.
  2. Open your NarraNexus app and go to Settings → Import bundle.
  3. Drag the downloaded file in, review the preflight, confirm.

One-click install (a deep link that imports directly into your cloud or desktop NarraNexus) is the next milestone.