WD Framework
Débutant
v2.09 vues

DEMARRAGE RAPIDE

Guide de démarrage rapide en 5 minutes avec antisèche des commandes essentielles

⚡ WD Framework - Démarrage Rapide (5 Minutes)

Commencez à utiliser le WD Framework en 5 minutes chrono !

🚀 En 3 Étapes Simples

Étape 1: Vérifier l'Installation (30 secondes)

Le WD Framework est un plugin Claude Code. Vérifiez qu'il est installé:

# Vérifiez que le plugin est installé
ls ~/.claude/plugins/marketplaces/wd-marketplace/

✅ Si vous voyez des fichiers, c'est installé! ❌ Sinon, installez le plugin depuis le marketplace Claude Code.

Étape 2: Votre Première Commande (2 minutes)

Ouvrez Claude Code et essayez cette commande:

/wd:implement Créer un composant Button avec un style moderne

Ce qui va se passer:

1. ⚙️  Analyse (5 sec)
   └─ Détecte: Frontend + composant UI

2. 🎨 Activation automatique
   └─ Persona Frontend + Magic MCP

3. ✨ Génération (30 sec)
   └─ Composant + styles + tests + docs

4. ✅ Validation (10 sec)
   └─ 8 quality gates

5. 📦 Résultat (5 sec)
   └─ Code prêt à utiliser!

Résultat: Vous obtenez un composant Button professionnel en ~50 secondes!

Étape 3: Essayez d'Autres Commandes (2 minutes)

# Analyser la sécurité de votre code
/wd:analyze security

# Améliorer les performances
/wd:improve Optimiser cette fonction lente

# Générer des tests
/wd:test generate

# Créer de la documentation
/wd:document API endpoints

Félicitations! 🎉 Vous savez maintenant utiliser le WD Framework!

📋 Antisèche - Les 5 Commandes Essentielles

Commande Usage Exemple
/wd:implement Créer du code /wd:implement Login form
/wd:improve Améliorer le code /wd:improve Optimize performance
/wd:analyze Analyser /wd:analyze security
/wd:test Tester /wd:test coverage
/wd:document Documenter /wd:document API

🎯 Cas d'Usage Rapides

🔰 Débutant

Créer un composant simple:

/wd:implement Card de produit avec image, titre et prix

Comprendre du code:

/wd:explain Expliquer cette fonction

🔧 Intermédiaire

Feature complète:

/wd:implement Système de connexion avec Google OAuth --agents

Optimiser:

/wd:improve Refactoriser ce code --wave-mode auto

⚡ Avancé

Migration:

/wd:migrate "Vue 2" "Vue 3" --wave-mode force --ultrathink

Audit complet:

/wd:analyze Audit complet --agents --all-mcp

🎓 Options Utiles (Flags)

# Plus de réflexion (tâches complexes)
--ultrathink

# Plusieurs vagues (qualité maximale)
--wave-mode force

# Multi-agents (coordination)
--agents

# Tous les outils MCP
--all-mcp

# Mode économique (moins de tokens)
--uc

Exemple combiné:

/wd:implement Système de paiement --agents --all-mcp --ultrathink

💡 Astuces Pro

1. Laissez le Framework Décider

❌ Pas besoin de tout spécifier:

/wd:implement composant React avec state management et tests unitaires en TypeScript

✅ Restez simple:

/wd:implement Login component

Le framework détecte automatiquement React, TypeScript, génère les tests, etc.

2. Utilisez les Agents pour Gagner du Temps

Pour des tâches multi-domaines:

# Au lieu de faire séparément:
/wd:implement Backend API
/wd:implement Frontend UI
/wd:test Tester tout

# Faites en une fois:
/wd:implement Système complet utilisateurs --agents

Gain: 40-70% de temps économisé!

3. Mode Vagues pour Projets Complexes

Pour refactoring, migration, ou gros projets:

/wd:improve Refactoriser l'application --wave-mode force

Bénéfice: +30-50% de qualité grâce à l'approche progressive!

🔍 Comprendre les Résultats

Après chaque commande, vous recevez:

✅ CODE GÉNÉRÉ
   └─ Fichiers modifiés/créés

📊 MÉTRIQUES
   ├─ Tests: 95% coverage
   ├─ Performance: +40% faster
   └─ Quality Score: 87/100

📚 DOCUMENTATION
   └─ README, API docs, exemples

🎯 RECOMMENDATIONS
   └─ Suggestions d'amélioration

❓ Questions Fréquentes (FAQ Express)

Q: Combien ça coûte en tokens?

R: Variable selon la complexité:

  • Simple (component): ~1K-2K tokens
  • Moyen (feature): ~5K-10K tokens
  • Complexe (system): ~20K-50K tokens

💡 Astuce: Utilisez --uc pour économiser 30-50%!

Q: Le framework peut-il corriger ses erreurs?

R: Oui! Système de validation avec auto-fix:

  • Erreurs de syntaxe → corrigées automatiquement
  • Tests manquants → générés automatiquement
  • Problèmes de sécurité → fixés automatiquement

Q: Puis-je annuler une opération?

R: Oui! Le framework crée automatiquement des points de sauvegarde.

# Restaurer si besoin
git restore .

Pour les opérations par vagues, chaque vague peut être annulée indépendamment.

Q: Comment choisir entre les commandes?

R: Guide simple:

Besoin de CRÉER quelque chose?
   → /wd:implement

Besoin d'AMÉLIORER l'existant?
   → /wd:improve

Besoin de COMPRENDRE un problème?
   → /wd:analyze ou /wd:explain

Besoin de TESTER?
   → /wd:test

Besoin de DOCUMENTER?
   → /wd:document

Q: Que signifie "persona" et "agent"?

R:

Persona = Expert spécialisé (sécurité, frontend, etc.)

  • Activé automatiquement selon le contexte
  • Change les priorités et décisions

Agent = Équipe de travail autonome

  • Travaille en parallèle sur différentes parties
  • Coordonné automatiquement

💡 Vous n'avez généralement pas besoin de vous en soucier! Le framework les active automatiquement.

📖 Aller Plus Loin

Maintenant que vous avez les bases:

📚 Documentation Complète

  1. Guide Débutant

    • Concepts détaillés
    • Analogies simples
    • Glossaire

  2. Guide Utilisateur

    • Les 22 commandes
    • Workflows avancés
    • Personnalisation

  3. Guide Avancé

    • Architecture interne
    • Optimisations
    • Contribution

  4. Exemples Pratiques

    • 20+ cas d'usage réels
    • Code complet
    • Solutions détaillées

  5. FAQ Complète

    • Problèmes courants
    • Solutions
    • Astuces

🎯 Exercices Pratiques (5 min chacun)

Exercice 1: Composant UI

Objectif: Créer un composant professionnel

/wd:implement Composant Card avec image, titre, description et bouton

À observer:

  • Code généré automatiquement
  • Tests inclus
  • Documentation créée
  • Accessibilité intégrée

Exercice 2: Amélioration de Code

Objectif: Optimiser une fonction

# Créez d'abord une fonction lente (exemple)
function processLargeArray(arr) {
  let result = [];
  for (let i = 0; i < arr.length; i++) {
    for (let j = 0; j < arr.length; j++) {
      result.push(arr[i] * arr[j]);
    }
  }
  return result;
}

# Puis optimisez
/wd:improve Optimiser la fonction processLargeArray

Résultat attendu:

  • Réduction de complexité O(n²) → O(n)
  • Utilisation de méthodes natives
  • Benchmarks avant/après

Exercice 3: Analyse de Sécurité

Objectif: Identifier les vulnérabilités

/wd:analyze security --persona-security

Résultat attendu:

  • Liste des vulnérabilités (OWASP Top 10)
  • Niveau de sévérité
  • Recommandations de correction

Exercice 4: Workflow Complet

Objectif: De l'idée au code production

# 1. Design
/wd:design API REST pour gestion de tâches

# 2. Implémentation
/wd:implement API REST tâches --agents

# 3. Tests
/wd:test generate

# 4. Documentation
/wd:document API

# 5. Validation finale
/wd:analyze Audit complet

Temps total: ~15-20 minutes Résultat: API complète, testée, documentée, prête pour production!

✨ Résumé: Ce Que Vous Savez Maintenant

✅ Utiliser les 5 commandes essentielles ✅ Comprendre le flow de travail du framework ✅ Utiliser les flags pour personnaliser ✅ Gagner du temps avec les agents ✅ Améliorer la qualité avec les vagues ✅ Savoir où trouver plus d'informations

🚀 Prochaine Étape

Pour devenir un expert:

  1. Lisez le Guide Utilisateur complet
  2. Pratiquez avec Exemples Pratiques
  3. Explorez les workflows avancés

Pour commencer immédiatement:

Ouvrez votre projet et essayez:

/wd:implement [votre première idée]

C'est aussi simple que ça! 🎉

📞 Besoin d'Aide?

⏱️ Temps estimé de lecture: 5 minutes 🎯 Difficulté: Débutant 📅 Dernière mise à jour: WD Framework v2.0

Dernière mise à jour: 12 décembre 2025
Par WD Framework Team