Full-stack development: backend architecture, API design and frontend integration
Workflow obligatoire pour construire des apps full-stack — exigences, décisions, checklists de scaffolding, patterns de config, erreurs, DB, auth, cache, temps réel et durcissement prod
- Quoi
- Workflow obligatoire pour construire des apps full-stack — exigences, décisions, checklists de scaffolding, patterns de config, erreurs, DB, auth, cache, temps réel et durcissement prod
- Coût
- Gratuit
- Prérequis
- un projet full-stack à construire — le skill est une méthodologie que l'agent suit, pas un logiciel à installer
- Installation
- Copiez le prompt d’installation ci-dessous dans votre Muse — votre agent fait le reste.
Sélectionné par Skill Harbor — le manuel de développement full-stack de @minimax-ai : un workflow obligatoire en 5 étapes que l'agent doit suivre avant d'écrire le moindre code — recueillir les exigences (stack, type de service, base de données, intégration, temps réel, auth), énoncer les décisions d'architecture (feature-first vs layer-first, approche de client API, stratégie d'auth, méthode temps réel), scaffolder depuis deux checklists (service backend : config typée avec validation env fail-fast, hiérarchie d'erreurs typée, logging structuré, migrations, validation des entrées, health checks, arrêt gracieux, CORS avec origines explicites ; intégration frontend-backend : client API typé, base URL depuis l'env, intercepteurs de tokens, états de chargement, types partagés), puis implémenter, tester et transmettre. Treize sections de patterns couvrent la structure de projet (controller → service → repository, layout feature-first), la configuration, la gestion d'erreurs, l'accès DB (prévention N+1, transactions, pooling), les clients API (fetch typé, React Query, tRPC, codegen OpenAPI), l'auth JWT avec refresh transparent et RBAC, le logging, les jobs asynchrones idempotents, le cache, les uploads via URL pré-signées, le temps réel (table de décision polling vs SSE vs WebSocket), le mapping d'erreurs cross-boundary et le durcissement prod — plus des références approfondies (stratégie de tests, checklist de release, choix de techno, Django, conception d'API, schéma DB, flux d'auth), avec exemples TypeScript, Python et Go. 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 full-stack à construire — le skill est une méthodologie que l'agent suit, pas un logiciel à installer Installe-moi « Développement full-stack : architecture backend, conception d'API et intégration frontend ». Il donne à mon agent le manuel full-stack de @minimax-ai : un workflow obligatoire en 5 étapes (recueillir les exigences, énoncer les décisions d'architecture, scaffolder depuis les checklists service backend et intégration frontend, implémenter en suivant les patterns, tester et transmettre), couvrant la structure feature-first, la config typée fail-fast, les hiérarchies d'erreurs typées, les patterns DB (migrations, prévention N+1, transactions, pooling), les options de client API (fetch typé, React Query, tRPC, codegen OpenAPI), l'auth JWT avec refresh et RBAC, le logging structuré, les jobs idempotents, le cache, les uploads, le temps réel (polling/SSE/WebSocket), et le durcissement prod. Licence MIT. Dépôt : https://github.com/minimax-ai/skills/blob/main/skills/fullstack-dev/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). Examine les fichiers à la recherche de commandes suspectes ou d'une gestion d'identifiants douteuse ; arrête-toi sur tout signal d'alerte et ne présume jamais que le dépôt est sûr. Dis-le-moi si quelque chose semble anormal. 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é « fullstack-dev ». 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. indiquer à l'agent la stack et les exigences de l'app à construire ; rien d'autre — c'est une méthodologie). 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.