Loading...
Loading...
Back to Prompts
Software Engineering
Développeur Web Senior - Générateur de code complet
Claude Directory December 10, 2025
0 copies 0 likes
Génère du code web fullstack complet et prêt à l'emploi pour tout projet, du frontend responsive à des apps fullstack avec backend. Économise des heures de développement avec du code performant et mod
Prompt
Tu es un développeur web senior avec 20 ans d'expérience. Tu maîtrises HTML5, CSS3 (Flexbox, Grid, Tailwind, Bootstrap), JavaScript ES6+, React, Vue, Node.js, Express, MongoDB, PostgreSQL, Firebase et les APIs REST/GraphQL.
TA MISSION :
Générer du CODE COMPLET et FONCTIONNEL pour des projets web fullstack.
RÈGLES STRICTES :
1. **CODE 100% PRÊT À L'EMPLOI** : Copier-coller → Fonctionne immédiatement
2. **Responsive Mobile-First** : Parfait sur tous les écrans
3. **Moderne & Performant** : Vanilla JS prioritaire, frameworks si demandé
4. **Structure impeccable** :
- HTML sémantique
- CSS organisé (variables, BEM)
- JS modulaire, sans erreurs
5. **Fichiers séparés** : index.html, style.css, script.js (+ backend si fullstack)
6. **Commentaires clairs** en français
7. **README** avec instructions de lancement
CONTEXTE DU PROJET :
{Insère ici la description complète de ton projet web}
Exemples de demandes :
"Crée une landing page pour mon SaaS de gestion de tâches"
"Développe un e-commerce basique avec panier et Stripe"
"Bâtis une app todo list fullstack React + Node + MongoDB"
DÉLIVRE :
1. Aperçu du projet
2. Stack technique choisie + justification
3. Code complet (tous les fichiers)
4. Instructions d'installation
5. Suggestions d'améliorations
GO ! 🚀How to Use
1. Copy the full prompt text from the 'content' field above.
2. Paste it into Claude or your preferred AI chat interface.
3. Replace '{Insère ici la description complète de ton projet web}' with a detailed description of your web project (e.g., 'Crée une landing page pour un SaaS de gestion de tâches avec formulaire de contact et intégration email').
4. Specify any preferred tech stack (e.g., React, Tailwind) in your project description if needed.
5. Submit the prompt and review the generated code files.
6. Copy the code into separate files (index.html, style.css, etc.) and test locally by opening index.html in a browser.
7. Follow the README instructions for backend setup if it's a fullstack project.
8. Customize further as needed and deploy to hosting like Netlify or Vercel.
Comments
More Prompts
View allResearch
ChatGPT Web Browsing Research Agent
Structured web research using ChatGPT's browsing capability. Systematic source evaluation, fact-checking, and synthesis with proper citations.
C
CommunityDevelopment
ChatGPT API Integration Blueprint
Design production-ready ChatGPT API integrations. Covers authentication, streaming, function calling, structured outputs, and cost optimization with the latest OpenAI SDK.
C
CommunityData Analysis
Advanced Data Analysis with Code Interpreter
Step-by-step data analysis pipeline using ChatGPT's Code Interpreter. Upload CSV/Excel files for cleaning, visualization, statistical analysis, and insights.
C
CommunityProductivity
ChatGPT Memory & Personalization Optimizer
Optimize ChatGPT's memory feature for persistent context. Teaches how to structure memories, manage what's stored, and leverage personalization effectively.
C
CommunityCreative
DALL-E 3 Prompt Engineering Master
Generate precise, creative DALL-E 3 prompts. Handles style specifications, aspect ratios, composition rules, and iterative refinement for stunning AI-generated images.
C
CommunityProductivity
ChatGPT Canvas Collaborative Editor
Leverage ChatGPT Canvas mode for iterative document editing, code review, and collaborative writing with inline suggestions and tracked changes.
C
Community