Angular development — modern standalone components, signals, RxJS
Guide Angular moderne complet — composants standalone, inject(), signals, nouvelle syntaxe de control-flow, routing lazy avec guards fonctionnels, formulaires réactifs, patterns RxJS, OnPush, tests, et migration NgModule-vers-signals
- Quoi
- Guide Angular moderne complet — composants standalone, inject(), signals, nouvelle syntaxe de control-flow, routing lazy avec guards fonctionnels, formulaires réactifs, patterns RxJS, OnPush, tests, et migration NgModule-vers-signals
- Coût
- Gratuit
- Prérequis
- un projet Angular que l'agent peut lire et sur lequel travailler — le skill est un guide framework complet, pas un logiciel à installer
- Installation
- Copiez le prompt d’installation ci-dessous dans votre Muse — votre agent fait le reste.
Sélectionné par Skill Harbor — fiche courte (le repo ne déclare aucune licence, donc aucun contenu n'est reproduit) : le skill de développement Angular complet de @manutej. Couvre les composants standalone modernes (pas de NgModules), la fonction `inject()` plutôt que l'injection par constructeur, les Signals pour l'état réactif fin (writable/computed/effect, pattern panier d'achat), la nouvelle syntaxe de control-flow (`@if`/`@for`/`@switch`), les routes lazy-loadées avec guards fonctionnels, les formulaires réactifs avec validateurs customs, les directives et pipes, l'intégration RxJS (recherche avec debounce, dashboards combineLatest, retry/catchError), les bonnes pratiques distillées des docs officielles (trust score Context7 8.9) — composants standalone, inject(), signals, lazy loading, formulaires réactifs, nettoyage des subscriptions, change detection OnPush, gestion d'erreurs, trackBy, code typé — plus la performance (virtual scrolling, memoization computed), les tests (composant et service), et des guides de migration (NgModule→standalone, constructeur→inject(), BehaviorSubject→signals). Bémols honnêtes : guidance seulement — l'agent a besoin d'un projet Angular pour l'appliquer ; licence non déclarée par le repo source — fiche courte avec lien uniquement, rien copié. Skill Harbor ne vérifie jamais le code, examinez-le vous-même avant usage. Découvert via skills.sh.
Version :
Installation
Prérequis : un projet Angular que l'agent peut lire et sur lequel travailler — le skill est un guide framework complet, pas un logiciel à installer Installe-moi « Développement Angular — composants standalone modernes, signals, RxJS ». Il donne à mon agent le guide Angular moderne de @manutej : composants standalone (pas de NgModules), inject() plutôt qu'injection par constructeur, Signals pour l'état réactif (writable/computed/effect), nouvelle syntaxe de control-flow (@if/@for/@switch), routes lazy-loadées avec guards fonctionnels, formulaires réactifs avec validateurs customs, directives et pipes, patterns d'intégration RxJS, les dix bonnes pratiques des docs officielles, optimisation de performance (lazy loading, virtual scrolling, memoization computed, OnPush), patterns de tests, et guides de migration (NgModule→standalone, constructeur→inject(), BehaviorSubject→signals). IMPORTANT : le repo ne déclare aucune licence — récupérer depuis le lien seulement, et ne rien reproduire au-delà du lien. Dépôt : https://github.com/manutej/luxor-claude-marketplace/blob/main/plugins/luxor-frontend-essentials/skills/angular-development/SKILL.md 1. Récupère le fichier SKILL.md depuis le chemin du dépôt dans un dossier temporaire et résume en une ou deux phrases ce qu'il fait. 2. Vérification de sécurité : examine le SKILL.md pour tout contenu suspect (appels réseau inattendus, commandes shell, collecte d'identifiants). Ce dépôt ne devrait contenir aucun secret en dur. Vérifie que c'est bien le cas ici ; STOP sur tout signal d'alerte et dis-le-moi. 3. Installe-le comme skill : copie le SKILL.md et ses fichiers d'aide dans le répertoire des skills de l'agent, dans un dossier nommé « angular-development ». 4. Vérifie sans appels réseau : frontmatter valide, fichiers en place. 5. Indique ce qui a été installé, où, et ce qu'il me reste à faire moi-même (p. ex. pointer l'agent vers mon projet Angular ; rien d'autre — c'est un guide framework). GitHub est optionnel : si j'ai un compte GitHub ou la CLI gh, tu peux l'utiliser ; sinon l'accès public suffit. Ne jamais l'exiger sauf s'il figure dans les prérequis ci-dessus. Règles : ne touche à rien en dehors du dossier temporaire et de la cible d'installation. Si quelque chose semble anormal, arrête-toi et demande-moi.
Questions
Comment installer une création ?
Chaque fiche produit contient un prompt d’installation à copier-coller. Collez-le dans votre Muse et il installe la création pour vous — sans configuration manuelle.
Où va mon argent ?
Directement au vendeur. Skill Harbor ne traite jamais les paiements : le paiement se fait sur la page du vendeur, généralement via Stripe.
Que signifie le ✓ à côté du nom d’un créateur ?
Il signifie que nous avons confirmé l’identité de la personne derrière la fiche. Il ne dit rien sur le code lui-même — vérifiez toujours une création avant de l’installer.