L-X-T/ng-agentic

Un starter pratique d'espace de travail Angular avec les meilleures pratiques modernes, des outils prêts pour l'IA et des conseils de configuration de projet évolutif.

Qu'est-ce que ng-agentic ?

Cette compétence fournit un point de départ structuré pour un espace de travail Angular, intégrant les meilleures pratiques modernes et des outils optimisés pour l'IA. Elle est conçue pour aider les développeurs à configurer rapidement un projet évolutif, avec une architecture modulaire, des configurations pré-définies pour les linters, les tests et le déploiement, ainsi que des directives claires pour l'organisation du code. Ce starter est compatible avec les agents IA comme Claude Code ou Cursor, permettant une génération de code assistée et une maintenance simplifiée. En suivant ce modèle, les équipes peuvent réduire le temps de configuration initial et garantir une base de code cohérente et maintenable dès le départ.

Compatible avec~Claude Code~Codex CLI~Cursor✓Antigravity
npx skills add L-X-T/ng-agentic

Installed? Explore more Productivité et collaboration skills: steipete/gemini, steipete/gh-issues, steipete/skill-creator · 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 ng-agentic ?

Un starter pratique d'espace de travail Angular avec les meilleures pratiques modernes, des outils prêts pour l'IA et des conseils de configuration de projet évolutif.

Fonctionnalités

  • Configuration prête pour l'IA : Des instructions claires pour les agents IA afin de comprendre la structure du projet et de générer du code cohérent.
  • Meilleures pratiques modernes : Utilisation des dernières versions d'Angular, architecture modulaire, gestion d'état avec NgRx ou signaux, et tests unitaires avec Jasmine/Karma ou Jest.
  • Évolutivité : Organisation du projet en modules fonctionnels et partagés, avec des lazy loading et des guards pour une navigation sécurisée.
  • Outillage intégré : ESLint, Prettier, Husky pour les hooks de commit, et des configurations pour GitHub Actions ou GitLab CI.

Pour commencer

# Cloner le dépôt
ng new mon-projet --style scss --routing true

# Installer les dépendances supplémentaires
npm install @ngrx/store @ngrx/effects

Structure du projet

src/
  app/
    core/          # Services et singletons
    features/      # Modules fonctionnels (ex: dashboard, admin)
    shared/        # Composants et directives réutilisables
  assets/          # Fichiers statiques
  environments/    # Configurations d'environnement

Utilisation avec un agent IA

Lorsque vous travaillez avec Claude Code, Cursor ou un autre agent IA, ce starter fournit des instructions intégrées pour guider l'IA vers des décisions de conception cohérentes avec l'architecture du projet. Assurez-vous que l'agent a accès au fichier SKILL.md pour comprendre les conventions.

Intégration continue

Un exemple de pipeline CI est fourni dans .github/workflows/ci.yml pour exécuter les tests et les linters automatiquement.

Licence

MIT

Skills associés