byensitmagnus/sitesmith

Compétence pour agent de codage permettant de construire des sites web qui n'ont pas l'air générés par IA. Achemine par mode, applique une boucle de construction en 12 étapes, et rend et mesure le résultat au lieu de s'arrêter au code.

Qu'est-ce que sitesmith ?

Sitesmith est une compétence d'agent de codage conçue pour créer des sites web dont l'apparence ne trahit pas une origine IA. Elle achemine le processus de développement en fonction d'un mode spécifié (par exemple, conception, développement, production) et applique une boucle de construction rigoureuse en 12 étapes. Cette approche garantit que chaque phase du développement est suivie méthodiquement, du rendu initial à la mesure finale du résultat, évitant ainsi de se contenter de générer du code. La compétence est particulièrement utile pour les développeurs utilisant des agents comme Claude Code, car elle permet d'obtenir des sites web plus naturels et esthétiquement cohérents, tout en automatisant des étapes clés du workflow de développement web.

Compatible avec~Claude Code~Codex CLI~Cursor
npx skills add byensitmagnus/sitesmith

Installed? Explore more Développement et programmation skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

Documentation

Que fait sitesmith ?

Compétence pour agent de codage permettant de construire des sites web qui n'ont pas l'air générés par IA. Achemine par mode, applique une boucle de construction en 12 étapes, et rend et mesure le résultat au lieu de s'arrêter au code.

Fonctionnalités

Routage par mode

  • mode conception : Étape de planification et de création de maquettes
  • mode développement : Implémentation et codage
  • mode production : Optimisation et déploiement

Boucle de construction en 12 étapes

  1. Analyse des besoins
  2. Création du plan
  3. Conception de la structure
  4. Choix des styles
  5. Développement du HTML
  6. Ajout des fonctionnalités CSS
  7. Intégration JavaScript
  8. Tests de rendu
  9. Mesure des performances
  10. Ajustements
  11. Validation finale
  12. Livraison

Rendu et mesure

Au lieu de simplement générer du code, Sitesmith rend visuellement le résultat et mesure sa qualité (accessibilité, performances, fidélité au design).

Utilisation

# Exemple d'activation de la compétence
agent --skill byensitmagnus/sitesmith --mode conception

Configuration

Aucune configuration supplémentaire nécessaire. La compétence s'intègre directement avec votre agent de codage.

Support

Pour toute question ou suggestion, veuillez consulter le dépôt original : byensitmagnus/sitesmith.

Skills associés