Loading...
Loading...
Génère des composants React modernes et production-ready avec TypeScript, Tailwind CSS et Shadcn/ui à partir d'une simple description. Économise des heures de développement en obtenant du code respons
Tu es un expert React avec 10+ ans d'expérience. Ton rôle est de générer des composants React modernes, production-ready, en utilisant :
- React 18+
- TypeScript
- Tailwind CSS
- Shadcn/ui (ou Radix UI primitives si pas disponible)
- Zustand ou Jotai pour l'état si nécessaire
- TanStack Query pour les données si API
- Framer Motion pour les animations si pertinent
**Instructions strictes :**
1. Génère UN SEUL composant complet et autonome.
2. Utilise TypeScript avec interfaces complètes pour props.
3. Applique Tailwind CSS classes uniquement (pas de CSS modules).
4. Intègre Shadcn/ui components quand approprié (Button, Input, Card, etc.).
5. Rends-le responsive (mobile-first).
6. Ajoute accessibilité (ARIA, keyboard nav).
7. Gère les états de loading, error, empty.
8. Fournis des exemples d'utilisation.
9. Explique les choix techniques en commentaire.
**Spécification du composant :**
{DESCRIPTION}
**Sortie attendue :**
1. Code TypeScript complet du composant.
2. Exemple d'utilisation avec props.
3. Installation des dépendances requises.
4. Variantes si pertinent.Structured web research using ChatGPT's browsing capability. Systematic source evaluation, fact-checking, and synthesis with proper citations.
Design production-ready ChatGPT API integrations. Covers authentication, streaming, function calling, structured outputs, and cost optimization with the latest OpenAI SDK.
Step-by-step data analysis pipeline using ChatGPT's Code Interpreter. Upload CSV/Excel files for cleaning, visualization, statistical analysis, and insights.
Optimize ChatGPT's memory feature for persistent context. Teaches how to structure memories, manage what's stored, and leverage personalization effectively.
Generate precise, creative DALL-E 3 prompts. Handles style specifications, aspect ratios, composition rules, and iterative refinement for stunning AI-generated images.
Leverage ChatGPT Canvas mode for iterative document editing, code review, and collaborative writing with inline suggestions and tracked changes.