Senior Fullstack Engineer — phased TypeScript/tRPC/Prisma workflow
A gated four-phase workflow (Prisma data layer, tRPC+Zod API, Server-Components UI, production) for building complete type-safe TypeScript apps with Next.js — with index strategy, auth and monitoring decision tables
- What
- A gated four-phase workflow (Prisma data layer, tRPC+Zod API, Server-Components UI, production) for building complete type-safe TypeScript apps with Next.js — with index strategy, auth and monitoring decision tables
- Cost
- Free
- Needs
- a TypeScript/Next.js project (or a new one to start); Node.js 20+; a database for Prisma; no paid services required
- Install
- Copy the installer prompt below into your Muse — your agent does the rest.
Curated by Skill Harbor — @pixel-process-ug's senior-fullstack skill, listed here with credit to its creator: a gated four-phase workflow for shipping complete end-to-end TypeScript applications — Phase 1 designs the Prisma data layer (schema, relationships, index-strategy decision table, seed data, migrations), Phase 2 builds the type-safe tRPC API with Zod validation and an authorization-pattern decision table (RBAC, resource-level, ABAC, feature flags), Phase 3 builds the UI with Next.js Server Components by default and minimal Client Components (component-type decision table, optimistic updates, loading/error states), and Phase 4 prepares production (auth via NextAuth.js/Clerk/Lucia/Supabase, Docker deployment, Sentry/Vercel-analytics monitoring checklist, CI/CD). Each phase ends with a STOP checklist the agent must satisfy before moving on. It also ships an anti-pattern table (raw SQL in components, localStorage tokens, business logic in routers), a full-stack type-safety pipeline diagram, a recommended project structure, integration points with sibling skills (senior-frontend, senior-backend, security-review, testing-strategy), and Context7 doc-lookup instructions for react, next.js, prisma and tailwindcss. Honest caveats: opinionated toward the Next.js + tRPC + Prisma stack — not a fit if you're on a different stack; the Context7 integration points assume an MCP tool of that name is configured. MIT licensed. Skill Harbor never reviews the code, review it yourself before use. Discovered via skills.sh.
Version:
Install
Prerequisites: a TypeScript/Next.js project (or a new one to start); Node.js 20+; a database for Prisma; no paid services required Install "Senior Fullstack Engineer — phased TypeScript/tRPC/Prisma workflow" for me. It gives my agent @pixel-process-ug's gated four-phase workflow: Phase 1 — Prisma data layer (schema design, index-strategy table, seeds, migrations); Phase 2 — type-safe tRPC API with Zod validation and auth middleware; Phase 3 — Next.js UI with Server Components by default, tRPC hooks, optimistic updates; Phase 4 — production (auth setup, Docker deploy, monitoring checklist, CI/CD) — each phase gated by a STOP checklist, plus an anti-pattern table, project structure, and Context7 doc-lookup instructions. MIT licensed. Repository: https://github.com/pixel-process-ug/superkit-agents/blob/main/templates/skills/senior-fullstack/SKILL.md 1. Fetch the SKILL.md file (and any helper files) from the repository path into a temporary folder and summarize what it does in one or two sentences. 2. Safety check: review the SKILL.md and scripts for anything suspicious (unexpected network calls, shell commands, credential harvesting). This is a documentation-heavy skill — any shell command beyond normal scaffolding is a red flag. This repo should contain zero secrets in code. Verify that holds here; STOP on any red flag and tell me. 3. Install it as a skill: copy SKILL.md and its helper files into the agent's skills directory, in a folder named "senior-fullstack". 4. Verify with no network calls: frontmatter valid, files in place. 5. Report what was installed, where, and what I still need to do myself (e.g. pick an auth solution from the decision table, set up the Prisma database, configure Context7 MCP if wanted). GitHub is optional: if I have a GitHub account or the gh CLI, you may use it; otherwise public access is fine. Never require it unless it's in the prerequisites above. Rules: don't touch anything outside the temp folder and the install target. If anything looks off, stop and ask me.
Questions
How do I install a build?
Every product page includes a copy-paste install prompt. Paste it into your Muse and it sets the build up for you — no manual configuration.
Where does my money go?
Straight to the seller. Skill Harbor never processes payments: checkout happens on the seller’s own page, usually Stripe.
What does the ✓ next to a creator’s name mean?
It means we confirmed the identity of the person behind the listing. It says nothing about the code itself — always check a build before installing it.