constructive-agent-e2e
Constructive Agent E2E — Full Agentic Dev Loop
Build, run, see, fix, repeat. No human required between provision and ship.
The Loop
1. Provision DB → Constructive SDK (secureTableProvision + relationProvision)
2. Generate SDK → @constructive-io/graphql-codegen (hooks + ORM)
3. Start dev server → pnpm dev (Next.js App Router)
4. Open in agent-browser → npx agent-browser open <url>
5. Screenshot → agent-browser screenshot file.png
6. Snapshot → agent-browser snapshot (accessibility tree + refs)
7. Interact → agent-browser click @ref / fill @ref "value"
8. Observe → Fix → Push → edit code, restart if needed, repeat from step 4
This loop is the foundation of Constructive's agentic full-stack development. An agent can provision a database, scaffold UI, generate type-safe data hooks, run the app, and visually
More from constructive-io/constructive-skills
drizzle-orm
Drizzle ORM patterns for PostgreSQL schema design and queries. Use when asked to "design Drizzle schema", "write Drizzle queries", "set up Drizzle ORM", or when building type-safe database layers.
21planning-blueprinting
In-repo planning and specification system for software projects. Use when asked to "create a plan", "write a spec", "document a proposal", "blueprint a feature", or when doing architectural planning work.
20pgsql-parser-testing
Test the pgsql-parser repository (SQL parser/deparser). Use when working in the pgsql-parser repo, fixing deparser issues, running parser tests, or validating SQL round-trips. Scoped specifically to the constructive-io/pgsql-parser repository.
18constructive-graphql-codegen
Generate type-safe React Query hooks, Prisma-like ORM client, or inquirerer-based CLI from GraphQL endpoints, schema files/directories, databases, or PGPM modules using @constructive-io/graphql-codegen. Also generates documentation (README, AGENTS.md, skills/, mcp.json). Use when asked to "generate GraphQL hooks", "generate ORM", "generate CLI", "set up codegen", "generate docs", "generate skills", "export schema", or when implementing data fetching for a PostGraphile backend.
17constructive-server-config
Configure and run the Constructive GraphQL server (cnc server), GraphiQL explorer (cnc explorer), and code generation (cnc codegen). Use when asked to "start the server", "run cnc server", "start GraphQL API", "run GraphiQL", "configure API routing", "generate types", or when working with the Constructive CLI and PostGraphile.
17constructive-boilerplate-nextjs-app
Set up and develop with the Constructive App frontend boilerplate — a Next.js application with authentication, organization management, invites, members, and a GraphQL SDK. Use when scaffolding a new Constructive frontend application from the boilerplate.
17