AI Angular Tutor AI skill by KissMySkills, cover

Tuteur Angular AI

$19
Accéder aux informations sur le produit
AI Angular Tutor AI skill by KissMySkills, cover

Tuteur Angular AI

Vous pouvez concevoir et raisonner sur une application Angular moderne : composants autonomes, signaux là où ils sont pertinents, RxJS là où il a sa place.

$19 ce skill un seul paiement à vous pour toujours

Fichier de prompt téléchargement immédiat

Plan Library

Ce contenu (skill) et 2 500+ autres

$9/mois ou $59 par an

Prendre Library · $9/moisPrendre Library
Essayez ce contenu (skill) gratuitement pendant 7 joursEssayer gratuitement

Rien n’est débité. 2 jours avant la fin de l’essai, vous recevez un code −30 % pour votre premier paiement.

  • Fonctionne dans Claude, ChatGPT, Claude Code, Codex et Cursor via un seul connecteur
  • Tous les skills, packs de prompts et agents, plus AI CRM et les outils pendant l’essai
  • Résiliable à tout moment
Pourquoi un abonnement ? Comment ça marche

Seulement ce fichier (skill) ?

Un fichier, payé une fois. Sans mises à jour, sans connecteur.

Coûte à peu près autant que 2 mois de Library.

$19

Payez une fois, gardez-le pour toujoursTéléchargement immédiatSatisfait ou remboursé 30 jours

Vu surProduct HuntFazierKittyLaunch

  • Visa
  • Mastercard
  • American Express
  • Apple Pay
  • BLIK
  • Klarna

Paiement sécurisé par Stripe

Marques de leurs propriétaires respectifs. KissMySkills n’est ni affilié à eux ni approuvé par eux.

Comment ça marche

Ask it something hard.

LOADED ✓
Nous utilisons Angular 18 et je ne comprends toujours pas quand utiliser un signal et quand utiliser un observable.
CLAUDE · WITH THIS SKILL Vous obtenez : on vous demande d’abord votre version d’Angular et celle de la CLI -> une tâche de diagnostic, écrire un composant qui charge une liste depuis un service et affiche un état de chargement -> votre code est relu avec deux remarques : vous vous êtes abonné dans ngOnInit sans jamais vous désabonner, et vous avez appelé une fonction dans le modèle -> un appel de niveau « connaît les bases », bloqué par le modèle asynchrone -> un bref rappel sur le pipe async et takeUntilDestroyed, présenté avec un autre service -> à vous de jouer, réécrivez le vôtre sans abonnement manuel -> la question de savoir ce qui se passe si le composant est détruit pendant la requête -> tâche suivante, la même liste filtrée par une zone de recherche à l’aide de switchMap.

Ou tous les skills, directement dans votre IA.

0:16 · sans son
Les 2 500+ avec Library · $9/mois →

Des questions avant d’acheter ? Une personne répond, souvent le jour même : hello@kissmyskills.com

// le fichier lui-même

Lisez-le avant de l'acheter.

Les premières lignes du fichier que votre IA lira, exactement telles que livrées. Rien n'est réécrit pour la page.

Utilisez le prénom
Une fois le fichier chargé, parlez-lui par son prénom : « Serge, regarde cette page. » C'est à cela que sert le prénom. Cela garde aussi plusieurs skills distincts dans un même chat.
// le skill qui fait tourner votre IA

Vous êtes un tuteur socratique pour Angular qui demande d'abord la version, car les composants autonomes sont arrivés dans la version 17 et les signaux dans la version 16. Vous avez été activé pour définir une seule tâche à la fois et attendre la réponse.

116 lignes · .txt · téléchargement immédiat

// ce qu'il contient

Que contient ce skill ?

  1. Composants autonomes, injection et flux de contrôle @if, @for, @switch
  2. Signals, computed et effect, et quand un observable reste l'outil approprié
  3. switchMap plutôt que des souscriptions imbriquées, et se désabonner avec DestroyRef
  4. La détection des changements OnPush expliquée par ce qui déclenche réellement un nouveau rendu

Développeurs front-end passant de React ou Vue à Angular, et développeurs juniors travaillant sur une base de code Angular qui l'ont appris en reproduisant des modèles.

// deux façons de l'obtenir

Utilisez-le dans votre IA, ou téléchargez-le une fois.

Forfait Library

Ce skill et 2 500+ autres, dans votre chat

$9/mois résiliable à tout moment, ou $59 par an

  • Les 2 500+ skills, packs de prompts et agents, chargés dès que vous les demandez
  • Rien à télécharger ni à coller : connectez-vous une fois dans Claude, ChatGPT, Claude Code ou Cursor
  • De nouveaux skills chaque semaine et 10 fichiers du catalogue à télécharger par mois
Comparer Library, AI CRM et Both
Achat unique

Juste ce skill, en fichier

$19 paiement unique

  • Téléchargez-le après l'achat et collez-le dans n'importe quel chat IA
  • Un fichier, sans mises à jour, sans connecteur
  • Satisfait ou remboursé pendant 30 jours

Déjà abonné à Library ou Both ? Celui-ci est inclus, inutile d'acheter le fichier.

Ce que vous achetez vraiment

Si vous voulez apprendre Angular, le premier problème est que la moitié des tutoriels que vous trouvez ont été écrits pour les NgModules, que l’autre moitié suppose que vous comprenez déjà RxJS, et que le code de votre équipe utilise les deux. Vous arrivez à faire s’afficher un composant sans pouvoir expliquer pourquoi un subscribe imbriqué pose problème. Ce fichier transforme Claude, ChatGPT ou Gemini en tuteur qui vous enseigne la version que vous utilisez réellement et vous fait écrire le code vous-même.

Il vous demande d’abord votre version d’Angular, car les composants autonomes sont devenus la valeur par défaut dans la version 17 et les signaux sont arrivés dans la version 16, et la réponse varie selon le numéro. Il vous donne ensuite une tâche et lit ce que vous écrivez. Les leçons couvrent les composants et les entrées, l’injection de dépendances avec inject, les services, HttpClient, les blocs de contrôle de flux, les signaux par rapport aux observables, switchMap plutôt que l’imbrication des subscriptions, les formulaires réactifs, les routes chargées à la demande et la détection des changements OnPush. Lorsque votre code est incorrect, il cite la ligne concernée et vous demande ce qui se passe au deuxième clic.

Claude, ChatGPT et Gemini exécutent ce fichier de manière identique. Achetez-le une seule fois, installez-le en une minute, et rien ne se renouvelle.

// installation Moins de 2 minutes

Quatre étapes. N’importe quel chat AI.

  1. 01
    Télécharger le fichier

    Après l'achat, le lien de téléchargement arrive dans votre boîte mail. Enregistrez le fichier .txt où vous voulez sur votre appareil.

  2. 02
    Ouvrez votre conversation AI

    N’importe quel chat IA que vous utilisez déjà : Claude, ChatGPT, Gemini, Grok, Copilot ou un autre.

  3. 03
    Collez le prompt

    Ouvrez le fichier .txt, copiez la partie prompt et collez-la dans Claude ou ChatGPT, ou ajoutez-la à un projet pour l'avoir toujours sous la main.

  4. 04
    Commencez à travailler

    Votre AI est maintenant configurée comme spécialiste. Posez-lui n’importe quelle question relevant de son domaine.

Aucune connaissance technique requise.

Avec Library, rien à télécharger. Connectez votre IA une fois, puis demandez n’importe quel skill par son nom.

Guide d’installation → Library · $9/mois →

// faq

Questions concernant ce produit

Comment apprendre Angular lorsque la documentation et les tutoriels se contredisent-ils ?+

Il vous demande votre version avant de répondre, puis vous enseigne cette version et indique ce qui a changé. Les composants autonomes, les nouveaux blocs de flux de contrôle et les signaux sont tous apparus dans des versions précises. Une réponse générique est donc généralement erronée pour quelqu'un. Lorsqu'il ne sait pas si une API est stable ou encore en préversion pour les développeurs dans votre version, il le précise et vous oriente vers la documentation officielle.

Dois-je d'abord connaître RxJS ?+

Non. Il vous enseigne les cinq opérateurs qui couvrent la plupart des tâches Angular, map, switchMap, filter, combineLatest et takeUntilDestroyed, au moment où vous en avez besoin. Il vous indique également quand les signaux permettent désormais de faire plus simplement le même travail, afin que vous ne créiez pas un flux pour une valeur qui ne change jamais de manière asynchrone.

Écrira-t-il mes composants à ma place ?+

Non. Il vous donne la tâche, le nom du fichier et la signature, puis lit ce que vous écrivez. Pour montrer un modèle, il rédige un petit exemple sur une autre fonctionnalité, jamais sur le composant qui vous a été attribué. Si vous voulez quelque chose qui génère du code Angular, il s'agit d'un produit différent de celui-ci.

Dois-je le lire moi-même ?+

Non. Le fichier est écrit pour que votre AI le lise, pas pour vous. Importez-le ou collez-le une fois, et l'AI prend le relais. Ensuite, il vous suffit de lui poser vos questions comme vous le feriez normalement. Vous pouvez bien sûr l'ouvrir et le lire, mais rien ici ne dépend du fait que vous le fassiez.

Prêt à spécialiser votre AI ?

Celui-ci et 2 500+ autres, dans Claude, ChatGPT, Claude Code, Codex ou Cursor. Résiliable à tout moment.