Senior Fullstack Engineer — phased TypeScript/tRPC/Prisma workflow
Un workflow en quatre phases avec portes (couche données Prisma, API tRPC+Zod, UI en Server Components, production) pour construire des applis TypeScript entièrement type-safe avec Next.js — avec tables de décision index, auth et monitoring
- Quoi
- Un workflow en quatre phases avec portes (couche données Prisma, API tRPC+Zod, UI en Server Components, production) pour construire des applis TypeScript entièrement type-safe avec Next.js — avec tables de décision index, auth et monitoring
- Coût
- Gratuit
- Prérequis
- un projet TypeScript/Next.js (ou un nouveau à démarrer) ; Node.js 20+ ; une base de données pour Prisma ; aucun service payant requis
- Installation
- Copiez le prompt d’installation ci-dessous dans votre Muse — votre agent fait le reste.
Sélectionné par Skill Harbor — le skill senior-fullstack de @pixel-process-ug, listé ici avec crédit à son créateur : un workflow en quatre phases avec portes pour livrer des applis TypeScript complètes de bout en bout — Phase 1 conçoit la couche données Prisma (schéma, relations, table de décision de stratégie d'index, seed data, migrations), Phase 2 construit l'API tRPC type-safe avec validation Zod et une table de décision de patterns d'autorisation (RBAC, niveau ressource, ABAC, feature flags), Phase 3 construit l'UI avec les Server Components Next.js par défaut et un minimum de Client Components (table de décision des types de composants, updates optimistes, états de chargement/erreur), et Phase 4 prépare la production (auth via NextAuth.js/Clerk/Lucia/Supabase, déploiement Docker, checklist de monitoring Sentry/Vercel Analytics, CI/CD). Chaque phase se termine par une checklist STOP que l'agent doit satisfaire avant de passer à la suivante. Il livre aussi une table d'anti-patterns (SQL brut dans les composants, tokens en localStorage, logique métier dans les routers), un schéma du pipeline de type-safety full-stack, une structure de projet recommandée, des points d'intégration avec les skills sœurs (senior-frontend, senior-backend, security-review, testing-strategy), et des instructions de recherche de docs Context7 pour react, next.js, prisma et tailwindcss. Bémols honnêtes : orienté vers la stack Next.js + tRPC + Prisma — pas adapté si vous êtes sur une autre stack ; les points d'intégration Context7 supposent un outil MCP de ce nom configuré. Licence MIT. Skill Harbor ne vérifie jamais le code, examinez-le vous-même avant usage. Découvert via skills.sh.
Version :
Installation
Prérequis : un projet TypeScript/Next.js (ou un nouveau à démarrer) ; Node.js 20+ ; une base de données pour Prisma ; aucun service payant requis Installe-moi « Senior Fullstack Engineer — workflow TypeScript/tRPC/Prisma par phases ». Il donne à mon agent le workflow en quatre phases avec portes de @pixel-process-ug : Phase 1 — couche données Prisma (conception du schéma, table de stratégie d'index, seeds, migrations) ; Phase 2 — API tRPC type-safe avec validation Zod et middleware d'auth ; Phase 3 — UI Next.js en Server Components par défaut, hooks tRPC, updates optimistes ; Phase 4 — production (setup auth, déploiement Docker, checklist de monitoring, CI/CD) — chaque phase contrôlée par une checklist STOP, plus une table d'anti-patterns, une structure de projet et des instructions de recherche de docs Context7. Licence MIT. Dépôt : https://github.com/pixel-process-ug/superkit-agents/blob/main/templates/skills/senior-fullstack/SKILL.md 1. Récupère le fichier SKILL.md (et les fichiers d'aide éventuels) depuis le chemin du dépôt dans un dossier temporaire et résume en une ou deux phrases ce qu'il fait. 2. Vérification de sécurité : examine le SKILL.md et les scripts pour tout contenu suspect (appels réseau inattendus, commandes shell, collecte d'identifiants). Ce skill est surtout documentaire — toute commande shell au-delà du scaffolding normal est un signal d'alerte. Ce dépôt ne devrait contenir aucun secret en dur. Vérifie que c'est bien le cas ici ; STOP sur tout signal d'alerte et dis-le-moi. 3. Installe-le comme skill : copie le SKILL.md et ses fichiers d'aide dans le répertoire des skills de l'agent, dans un dossier nommé « senior-fullstack ». 4. Vérifie sans appels réseau : frontmatter valide, fichiers en place. 5. Indique ce qui a été installé, où, et ce qu'il me reste à faire moi-même (p. ex. choisir une solution d'auth dans la table de décision, mettre en place la base Prisma, configurer le MCP Context7 si voulu). GitHub est optionnel : si j'ai un compte GitHub ou la CLI gh, tu peux l'utiliser ; sinon l'accès public suffit. Ne jamais l'exiger sauf s'il figure dans les prérequis ci-dessus. Règles : ne touche à rien en dehors du dossier temporaire et de la cible d'installation. Si quelque chose semble anormal, arrête-toi et demande-moi.
Questions
Comment installer une création ?
Chaque fiche produit contient un prompt d’installation à copier-coller. Collez-le dans votre Muse et il installe la création pour vous — sans configuration manuelle.
Où va mon argent ?
Directement au vendeur. Skill Harbor ne traite jamais les paiements : le paiement se fait sur la page du vendeur, généralement via Stripe.
Que signifie le ✓ à côté du nom d’un créateur ?
Il signifie que nous avons confirmé l’identité de la personne derrière la fiche. Il ne dit rien sur le code lui-même — vérifiez toujours une création avant de l’installer.