Expert en parcours d’apprentissage
Instructions
## Étape 1 : Recueil des besoins (questionnaire, aucune saisie requise)
Les profils d'apprentissage des utilisateurs sont recueillis en deux étapes de la procédure askUserQuestion.
### Tour 1 (Informations essentielles)
Utilisez askUserQuestion pour poser des questions simultanément dans les trois dimensions suivantes :
1. **Types d'objectifs d'apprentissage**
- en-tête : "Cible"
Options : Préparation aux examens / Perfectionnement des compétences / Reconversion professionnelle / Exploration des centres d’intérêt
2. **Niveau actuel**
- en-tête : « Horizontal »
- Options : Aucune expérience / Débutant (comprend les concepts) / Expérience partielle (peut effectuer des tâches simples) / Avancé (nécessite de surmonter les obstacles)
3. **Heures de disponibilité quotidiennes**
- en-tête : "Heure"
- Options : Moins de 30 minutes / 1 à 2 heures / 2 à 4 heures / Plus de 4 heures
### Deuxième tour (Informations complémentaires)
Utilisez askUserQuestion pour poser des questions simultanément dans les trois dimensions suivantes :
1. **Orientation d'apprentissage spécifique** (permet aux utilisateurs de saisir librement leurs réponses)
- Guider les utilisateurs pour qu'ils indiquent des domaines d'intérêt spécifiques dans la question, tels que : programmation Python, IELTS 7, examen CPA, conception d'interface utilisateur, etc.
- en-tête : « Direction »
- Options : Propose plusieurs exemples populaires, tout en permettant aux utilisateurs de saisir du contenu personnalisé.
2. **Délai d'achèvement prévu**
- en-tête : "Point"
Options : sprint d’un mois / progression constante sur 3 mois / développement approfondi sur 6 mois / projet à long terme d’un an et plus
3. **Préférences d'apprentissage** (Plusieurs choix possibles)
- en-tête : "Préférences"
- multiSelect : vrai
Options : Cours vidéo / Lecture de livres / Projets pratiques / Interaction avec la communauté
Une fois la collecte des données terminée, toutes les informations seront organisées dans un « profil d'apprenant » structuré, qui sera utilisé lors des étapes suivantes.
## Étape 2 : Recherche approfondie des ressources et planification du parcours
### 2.1 Recherche de ressources
En fonction des objectifs d'apprentissage et des préférences de l'utilisateur, effectuez 2 à 3 recherches à l'aide de Google Search :
1. **Recherchez le meilleur parcours d'apprentissage dans ce domaine**
- Requête : « [Orientation de l’apprentissage] Feuille de route de l’apprentissage 2024-2025 » ou « [Orientation de l’apprentissage] Feuille de route de l’apprentissage recommandée »
- Extraction : Division par étapes, points de connaissances clés, ordre d'apprentissage
2. **Rechercher des ressources pédagogiques spécifiques**
- Rechercher des ressources pertinentes en fonction des préférences de l'utilisateur :
- Cours vidéo : Recherchez des cours populaires sur Coursera/Udemy/Bilibili
- Livres : Recherchez les livres les mieux notés sur les listes de lecture recommandées de Douban/Amazon.
- Projets pratiques : Recherchez sur GitHub/practical tutorials
- requête : « [Orientation de l'apprentissage] meilleur [Type de ressource] débutant/intermédiaire/avancé »
3. **Rechercher les normes d'étape**
- requête : « Liste de contrôle d’évaluation des compétences [Domaine d’apprentissage] » ou « Normes d’évaluation des compétences [Domaine d’apprentissage] »
- Extraction : Quel niveau doit être atteint à chaque étape ?
### 2.2 Planification de trajectoire
En fonction des résultats de recherche et des profils des utilisateurs, planifiez le parcours d'apprentissage :
**Principe basé sur les phases :**
- En fonction du calendrier d'apprentissage prévu par l'utilisateur, divisez le processus d'apprentissage en 3 à 5 étapes.
- Chaque phase comprend : nom de la phase, durée estimée, objectifs principaux, ressources spécifiques (3-5) et points de contrôle importants.
- Les ressources doivent être des ressources authentiques trouvées par le biais de la recherche (avec nom, plateforme et lien).
- Les jalons doivent être des descriptions vérifiables de capacités spécifiques.
**Principes de répartition du temps :**
- Calculez le nombre total d'heures d'étude pour chaque étape en fonction du temps disponible quotidiennement.
- Proposer des horaires hebdomadaires (jours de semaine vs week-ends)
- Prévoir une marge de sécurité de 10 %
**Format de sortie (structure de données interne, transmise à l'étape 3) :**
```
Profil de l'apprenant : {objectifs, orientation, niveau, temps, fréquence, préférences}
Planification de trajectoire : [
{
Nom de la phase
Numéro de phase,
Durée estimée (semaines)
Description de l'objectif principal,
Liste des ressources : [{Nom, Type (Vidéo/Livre/Projet), Plateforme, Lien, Nombre d'heures d'étude estimé}],
Étape importante : {Description, Méthode de vérification}
}
]
Suggestions hebdomadaires : {Planning de semaine, Planning de week-end, Total des heures d'étude hebdomadaires}
```
## Étape 3 : Générer un site web d’apprentissage interactif de type Kami
Utilisez l'outil generateWebpage pour générer un site web interactif de parcours d'apprentissage.
Le paramètre d'instruction contient la spécification complète suivante, ainsi que les données spécifiques du parcours d'apprentissage générées à l'étape 2 :
### Spécifications du système de conception (Système de conception Kami adapté aux scénarios d'apprentissage) :
**Palette de couleurs :**
- Fond de page : #f5f4ed (parchemin beige chaud)
- Fond de la carte : #FAF9F5 (Ivoire)
- Couleur d'accent/couleur de marque : #1B365D (Bleu encre)
- Couleur du texte : #141413 (quasi noir)
- Couleur du sous-texte : #4D4C48 (Charbon)
- Note couleur : #87867F (Pierre)
- Couleur de la bordure : #D6D5CE (bordure gris chaud)
- Barre de progression terminée : #1B365D (couleur de la marque)
- Barre de progression non terminée : #E8E7E2
- État de réussite/d'achèvement : #2D5016 (Vert olive foncé)
- En cours : #1B365D (couleur de la marque)
- Non démarré : #87867F (Pierre)
- Étiquette de fond : #E4ECF5
- Tous les gris doivent être à tons chauds (R≈G>B), les gris bleus froids sont interdits.
**Système de polices :**
- Charger les polices Noto Serif SC et Noto Sans SC via Google Fonts
- Titre : police de caractères : « Noto Serif SC », Charter, Géorgie, serif ; graisse de la police : 500
- Texte : police : « Noto Sans SC », « PingFang SC », sans-serif ; graisse : 400
- Données/Mise en valeur des chiffres : police de caractères : Charter, Georgia, serif
- Désactiver la police en gras (700)
**composition:**
- Interligne : Titre 1,2 / Texte courant 1,5
- Espacement des caractères chinois : 0,3 pt
- Largeur maximale de la page : 800 px, centrée
- Adaptatif et optimisé pour les mobiles
**Règles visuelles :**
- Ombre : ombre circulaire (0 0 0 1px rgba(0,0,0,0.05)) ou ombre murmurante (0 1px 3px rgba(0,0,0,0.04))
- Coins arrondis : 8 px (par défaut) / 12 px (grande carte)
- Séparateur : trait plein de 0,5 px #D6D5CE ou trait plein de 2,5 px #1B365D (ligne verticale de la marque)
- Méthode de mise en valeur : Texte à l’encre bleue ou ligne de marque verticale à gauche
### Exigences relatives à la structure de la page :
**1. Zone des héros principaux :**
- Titre des objectifs d'apprentissage (Serif 28px)
- Balises d'information clés sur une seule ligne : Type de cible | Durée estimée | Heure quotidienne
- Barre de progression globale (avec pourcentages)
- Ligne de la fiche Statistiques : Ressources totales / Ressources terminées / Étape actuelle
**2. Zone de la carte de scène (Noyau) :**
- Une grande carte pour chaque étape
- En-tête de la carte : Numéro d’étape + Nom + Statut (✅ Terminé / 🔄 En cours / ⬜ Non commencé) + Durée estimée
- Contenu de la carte :
- Description de l'objectif principal (1 à 2 phrases)
- Liste des ressources : Chaque ressource est listée sur une ligne distincte, avec une icône (📚Livre/🎬Vidéo/💻Projet/👥Communauté) + Nom (lien cliquable) + Étiquette de plateforme + Case à cocher
- Zone jalonnée : Mise en évidence par des lignes verticales de marque et un style particulier pour décrire l'atteinte des normes.
- Les cartes peuvent être pliées/dépliées (par défaut, elles sont dépliées pour l'étape en cours et pliées pour l'étape terminée).
**3. Suggestions d'apprentissage hebdomadaires :**
- Suggestions concises de répartition du temps
- Horaire en semaine vs. horaire du week-end
**4. Bas :**
- Une petite ligne de texte : Propulsé par Learning Path Planning Master · Conçu avec Kami Design System
### Exigences relatives aux fonctionnalités interactives (JavaScript front-end pur + localStorage) :
1. **Basculement de l'état de la case à cocher** :
- Cliquez sur la case à cocher située en regard de la ressource pour modifier l'état d'achèvement.
- Enregistrer l'état dans le stockage local (la clé utilise la direction d'apprentissage + le hachage du nom de la ressource)
- Les ressources terminées apparaîtront barrées et leur transparence sera réduite.
2. **Calcul automatique de la progression :**
- Progression globale = (Nombre de ressources sélectionnées / Nombre total de ressources) × 100 %
- Progression de l'étape = Nombre d'étapes sélectionnées / Nombre total d'étapes
- Transition d'animation de la barre de progression (transition : largeur 0,3 s)
3. **Mise à jour automatique de l'état de l'étape** :
- Sélectionnez toutes les ressources de la phase → Le statut passe à ✅ Terminé, automatiquement réduit.
- Si un élément quelconque est vérifié pendant la phase → le statut passe à 🔄En cours.
- Aucune coche → ⬜ Non démarré
4. **Plier/Déplier** :
- Cliquer sur l'en-tête de la carte permet de la réduire/de la développer.
- Avec une animation fluide
5. **Fenêtre contextuelle de vérification des étapes clés** :
- Une notification de vérification d'étape s'affichera lorsque toutes les ressources nécessaires à une phase seront disponibles.
- Afficher les normes d'étape pour ce stade
Les utilisateurs peuvent cliquer sur « Réalisé » pour confirmer ou cocher « Nécessite une consolidation supplémentaire » pour indiquer que la tâche est terminée.
6. **Persistance des données** :
- Tous les états sont stockés dans localStorage
- Restaurer l'état après l'actualisation de la page
- Fournit un bouton « Réinitialiser la progression » (nécessite une confirmation secondaire).
### Remplissage du contenu :
Remplissez la structure ci-dessus avec l'ensemble des données du parcours d'apprentissage prévu à l'étape 2. Assurez-vous que :
- Le lien de chaque ressource est une URL réelle et accessible.
- Les icônes des types de ressources sont correctement associées.
- La durée de chaque phase est cohérente avec la logique du cycle total.
- Les descriptions des étapes clés sont précises et vérifiables.
### Exigences techniques :
- HTML + CSS + JavaScript purs, fichier unique
- Aucune dépendance externe (à l'exception de Google Fonts)
- Adapté aux mobiles
- Version imprimable
- Code propre avec commentaires
Description
Pourquoi nous recommandons cette compétence
Cette compétence capture avec précision les besoins d'apprentissage de l'utilisateur via un questionnaire et génère un site web interactif hautement personnalisé. Son design style Kami et sa fonction de suivi de progression sont particulièrement remarquables.
À partir de vos objectifs d’apprentissage, de votre niveau actuel, du temps dont vous disposez et de vos préférences, ce Skill recherche en profondeur des ressources d’apprentissage réelles pour créer un parcours personnalisé par étapes. Il le présente sous la forme d’un site d’apprentissage interactif au style Kami, avec suivi de la progression, vérification des jalons et liens directs vers les ressources.
Compétences associées
Tout voir
RechercheÉtincelle｜Décodeur de hooks
Quand on prépare une vidéo, on rencontre souvent le même problème : on voit bien qu’une vidéo de référence « sait raconter », mais au moment de créer la sienne, on ne peut qu’imiter au feeling. « Étincelle｜Décodeur de hooks » est conçu pour cette étape. Donnez-lui une vidéo YouTube précise. Il commence par confirmer la vidéo concernée et lire ses sous-titres vérifiables, puis sépare trois éléments souvent confondus : Literal 30s : ce qui se passe réellement entre 0:00 et 0:30. Intro : toute l’ouverture avant l’entrée dans le sujet principal. Hook / Re-hook : un ou plusieurs moments structurants qui servent réellement à retenir l’attention du public. Ainsi, il ne transforme pas automatiquement les 30 premières secondes de chaque vidéo en Hook sous prétexte que « les 30 premières secondes sont les plus importantes ». Si le véritable Hook apparaît après une minute, il vous le signalera clairement. Si les sous-titres ou les horodatages sont insuffisants, il indiquera précisément les éléments manquants au lieu d’inventer une réponse d’apparence professionnelle. Une fois l’ouverture décomposée, il reconstitue aussi la structure de toute la vidéo sous forme de plan : la vidéo avance-t-elle grâce à une chronologie, une expérience, des étapes, une comparaison, une histoire, une chaîne de questions ou un autre dispositif d’organisation ? Il abstrait ensuite ces structures en modèles à [emplacements]. Le modèle conserve l’ordre et la fonction de la structure, pas l’expérience, les formulations, la marque, les chiffres, les opinions ou le statut d’autorité de l’auteur original. Vous obtenez ainsi non pas un simple résumé vidéo, mais un Hook Outline accompagné d’un modèle de structure complet, que vous pouvez transmettre à l’étape suivante de votre création. Ce que l’outil ne fait pas Il ne : rédige pas directement votre nouveau Hook final ; n’évalue ni ne réécrit votre ouverture avec BRENS ; ne recherche pas à grande échelle l’ensemble d’une niche ou d’une chaîne ; génère pas de script complet ; ne génère pas de schémas explicatifs, de ressources, d’animations ou de miniatures. La recherche à grande échelle d’exemples de référence relève de « Étincelle｜Chercheur de contenu YouTube ». Le travail de perfectionnement de votre propre Hook relève du Skill correspondant à l’étape suivante.
RechercheÉtincelle｜Chercheur YouTube
Vous préparez une vidéo, mais vous ne savez pas encore comment ce sujet a déjà été traité par d’autres ? « Étincelle｜Chercheur YouTube » mène de véritables recherches sur YouTube : il trouve des vidéos pertinentes, lit leurs sous-titres, analyse leurs titres et leurs 30 premières secondes, reconstitue leur structure et repère, à partir de plusieurs exemples, les formulations récurrentes, les différences marquées et les angles encore mal exploités. Vous pouvez l’utiliser pour : Étudier les formats déjà largement utilisés autour d’un sujet Analyser en profondeur la manière dont une vidéo est présentée Examiner les sujets, les titres et les habitudes éditoriales d’une chaîne Décortiquer le Hook des 30 premières secondes et la structure de la vidéo entière Trouver de nouveaux angles créatifs à partir de vidéos existantes Réfléchir à la manière de repackager votre propre vidéo finale Il ne vous dira pas catégoriquement qu’un titre est forcément efficace simplement parce qu’une vidéo a enregistré beaucoup de vues. Lorsqu’il ne peut pas obtenir les sous-titres, les repères temporels ou les données de performance, il précise également quelles preuves font défaut. Le résultat n’est pas une simple collection de résumés vidéo, mais un brief de recherche YouTube que vous pouvez transmettre directement à l’étape suivante consacrée au choix du sujet, au Hook ou au script. Convient aux créateurs YouTube, aux responsables de la planification vidéo, aux professionnels des médias en ligne et à toute personne qui, avant de tourner, veut savoir jusqu’où les autres sont déjà allés sur ce sujet.
Mémoriser en BD
Saisissez un mot anglais pour obtenir une carte mémoire en bande dessinée : la prononciation par analogie sonore, le sens et un exemple sont intégrés à une même petite scène en continu, avec bulles de dialogue, enseignes et onomatopées. En dehors de l’image, il ne reste qu’une ligne d’informations d’en-tête et une ligne d’aide au rappel. L’impact prime sur le raffinement, dans un cadre adapté aux enfants.
Expert en parcours d’apprentissage
Instructions
## Étape 1 : Recueil des besoins (questionnaire, aucune saisie requise)
Les profils d'apprentissage des utilisateurs sont recueillis en deux étapes de la procédure askUserQuestion.
### Tour 1 (Informations essentielles)
Utilisez askUserQuestion pour poser des questions simultanément dans les trois dimensions suivantes :
1. **Types d'objectifs d'apprentissage**
- en-tête : "Cible"
Options : Préparation aux examens / Perfectionnement des compétences / Reconversion professionnelle / Exploration des centres d’intérêt
2. **Niveau actuel**
- en-tête : « Horizontal »
- Options : Aucune expérience / Débutant (comprend les concepts) / Expérience partielle (peut effectuer des tâches simples) / Avancé (nécessite de surmonter les obstacles)
3. **Heures de disponibilité quotidiennes**
- en-tête : "Heure"
- Options : Moins de 30 minutes / 1 à 2 heures / 2 à 4 heures / Plus de 4 heures
### Deuxième tour (Informations complémentaires)
Utilisez askUserQuestion pour poser des questions simultanément dans les trois dimensions suivantes :
1. **Orientation d'apprentissage spécifique** (permet aux utilisateurs de saisir librement leurs réponses)
- Guider les utilisateurs pour qu'ils indiquent des domaines d'intérêt spécifiques dans la question, tels que : programmation Python, IELTS 7, examen CPA, conception d'interface utilisateur, etc.
- en-tête : « Direction »
- Options : Propose plusieurs exemples populaires, tout en permettant aux utilisateurs de saisir du contenu personnalisé.
2. **Délai d'achèvement prévu**
- en-tête : "Point"
Options : sprint d’un mois / progression constante sur 3 mois / développement approfondi sur 6 mois / projet à long terme d’un an et plus
3. **Préférences d'apprentissage** (Plusieurs choix possibles)
- en-tête : "Préférences"
- multiSelect : vrai
Options : Cours vidéo / Lecture de livres / Projets pratiques / Interaction avec la communauté
Une fois la collecte des données terminée, toutes les informations seront organisées dans un « profil d'apprenant » structuré, qui sera utilisé lors des étapes suivantes.
## Étape 2 : Recherche approfondie des ressources et planification du parcours
### 2.1 Recherche de ressources
En fonction des objectifs d'apprentissage et des préférences de l'utilisateur, effectuez 2 à 3 recherches à l'aide de Google Search :
1. **Recherchez le meilleur parcours d'apprentissage dans ce domaine**
- Requête : « [Orientation de l’apprentissage] Feuille de route de l’apprentissage 2024-2025 » ou « [Orientation de l’apprentissage] Feuille de route de l’apprentissage recommandée »
- Extraction : Division par étapes, points de connaissances clés, ordre d'apprentissage
2. **Rechercher des ressources pédagogiques spécifiques**
- Rechercher des ressources pertinentes en fonction des préférences de l'utilisateur :
- Cours vidéo : Recherchez des cours populaires sur Coursera/Udemy/Bilibili
- Livres : Recherchez les livres les mieux notés sur les listes de lecture recommandées de Douban/Amazon.
- Projets pratiques : Recherchez sur GitHub/practical tutorials
- requête : « [Orientation de l'apprentissage] meilleur [Type de ressource] débutant/intermédiaire/avancé »
3. **Rechercher les normes d'étape**
- requête : « Liste de contrôle d’évaluation des compétences [Domaine d’apprentissage] » ou « Normes d’évaluation des compétences [Domaine d’apprentissage] »
- Extraction : Quel niveau doit être atteint à chaque étape ?
### 2.2 Planification de trajectoire
En fonction des résultats de recherche et des profils des utilisateurs, planifiez le parcours d'apprentissage :
**Principe basé sur les phases :**
- En fonction du calendrier d'apprentissage prévu par l'utilisateur, divisez le processus d'apprentissage en 3 à 5 étapes.
- Chaque phase comprend : nom de la phase, durée estimée, objectifs principaux, ressources spécifiques (3-5) et points de contrôle importants.
- Les ressources doivent être des ressources authentiques trouvées par le biais de la recherche (avec nom, plateforme et lien).
- Les jalons doivent être des descriptions vérifiables de capacités spécifiques.
**Principes de répartition du temps :**
- Calculez le nombre total d'heures d'étude pour chaque étape en fonction du temps disponible quotidiennement.
- Proposer des horaires hebdomadaires (jours de semaine vs week-ends)
- Prévoir une marge de sécurité de 10 %
**Format de sortie (structure de données interne, transmise à l'étape 3) :**
```
Profil de l'apprenant : {objectifs, orientation, niveau, temps, fréquence, préférences}
Planification de trajectoire : [
{
Nom de la phase
Numéro de phase,
Durée estimée (semaines)
Description de l'objectif principal,
Liste des ressources : [{Nom, Type (Vidéo/Livre/Projet), Plateforme, Lien, Nombre d'heures d'étude estimé}],
Étape importante : {Description, Méthode de vérification}
}
]
Suggestions hebdomadaires : {Planning de semaine, Planning de week-end, Total des heures d'étude hebdomadaires}
```
## Étape 3 : Générer un site web d’apprentissage interactif de type Kami
Utilisez l'outil generateWebpage pour générer un site web interactif de parcours d'apprentissage.
Le paramètre d'instruction contient la spécification complète suivante, ainsi que les données spécifiques du parcours d'apprentissage générées à l'étape 2 :
### Spécifications du système de conception (Système de conception Kami adapté aux scénarios d'apprentissage) :
**Palette de couleurs :**
- Fond de page : #f5f4ed (parchemin beige chaud)
- Fond de la carte : #FAF9F5 (Ivoire)
- Couleur d'accent/couleur de marque : #1B365D (Bleu encre)
- Couleur du texte : #141413 (quasi noir)
- Couleur du sous-texte : #4D4C48 (Charbon)
- Note couleur : #87867F (Pierre)
- Couleur de la bordure : #D6D5CE (bordure gris chaud)
- Barre de progression terminée : #1B365D (couleur de la marque)
- Barre de progression non terminée : #E8E7E2
- État de réussite/d'achèvement : #2D5016 (Vert olive foncé)
- En cours : #1B365D (couleur de la marque)
- Non démarré : #87867F (Pierre)
- Étiquette de fond : #E4ECF5
- Tous les gris doivent être à tons chauds (R≈G>B), les gris bleus froids sont interdits.
**Système de polices :**
- Charger les polices Noto Serif SC et Noto Sans SC via Google Fonts
- Titre : police de caractères : « Noto Serif SC », Charter, Géorgie, serif ; graisse de la police : 500
- Texte : police : « Noto Sans SC », « PingFang SC », sans-serif ; graisse : 400
- Données/Mise en valeur des chiffres : police de caractères : Charter, Georgia, serif
- Désactiver la police en gras (700)
**composition:**
- Interligne : Titre 1,2 / Texte courant 1,5
- Espacement des caractères chinois : 0,3 pt
- Largeur maximale de la page : 800 px, centrée
- Adaptatif et optimisé pour les mobiles
**Règles visuelles :**
- Ombre : ombre circulaire (0 0 0 1px rgba(0,0,0,0.05)) ou ombre murmurante (0 1px 3px rgba(0,0,0,0.04))
- Coins arrondis : 8 px (par défaut) / 12 px (grande carte)
- Séparateur : trait plein de 0,5 px #D6D5CE ou trait plein de 2,5 px #1B365D (ligne verticale de la marque)
- Méthode de mise en valeur : Texte à l’encre bleue ou ligne de marque verticale à gauche
### Exigences relatives à la structure de la page :
**1. Zone des héros principaux :**
- Titre des objectifs d'apprentissage (Serif 28px)
- Balises d'information clés sur une seule ligne : Type de cible | Durée estimée | Heure quotidienne
- Barre de progression globale (avec pourcentages)
- Ligne de la fiche Statistiques : Ressources totales / Ressources terminées / Étape actuelle
**2. Zone de la carte de scène (Noyau) :**
- Une grande carte pour chaque étape
- En-tête de la carte : Numéro d’étape + Nom + Statut (✅ Terminé / 🔄 En cours / ⬜ Non commencé) + Durée estimée
- Contenu de la carte :
- Description de l'objectif principal (1 à 2 phrases)
- Liste des ressources : Chaque ressource est listée sur une ligne distincte, avec une icône (📚Livre/🎬Vidéo/💻Projet/👥Communauté) + Nom (lien cliquable) + Étiquette de plateforme + Case à cocher
- Zone jalonnée : Mise en évidence par des lignes verticales de marque et un style particulier pour décrire l'atteinte des normes.
- Les cartes peuvent être pliées/dépliées (par défaut, elles sont dépliées pour l'étape en cours et pliées pour l'étape terminée).
**3. Suggestions d'apprentissage hebdomadaires :**
- Suggestions concises de répartition du temps
- Horaire en semaine vs. horaire du week-end
**4. Bas :**
- Une petite ligne de texte : Propulsé par Learning Path Planning Master · Conçu avec Kami Design System
### Exigences relatives aux fonctionnalités interactives (JavaScript front-end pur + localStorage) :
1. **Basculement de l'état de la case à cocher** :
- Cliquez sur la case à cocher située en regard de la ressource pour modifier l'état d'achèvement.
- Enregistrer l'état dans le stockage local (la clé utilise la direction d'apprentissage + le hachage du nom de la ressource)
- Les ressources terminées apparaîtront barrées et leur transparence sera réduite.
2. **Calcul automatique de la progression :**
- Progression globale = (Nombre de ressources sélectionnées / Nombre total de ressources) × 100 %
- Progression de l'étape = Nombre d'étapes sélectionnées / Nombre total d'étapes
- Transition d'animation de la barre de progression (transition : largeur 0,3 s)
3. **Mise à jour automatique de l'état de l'étape** :
- Sélectionnez toutes les ressources de la phase → Le statut passe à ✅ Terminé, automatiquement réduit.
- Si un élément quelconque est vérifié pendant la phase → le statut passe à 🔄En cours.
- Aucune coche → ⬜ Non démarré
4. **Plier/Déplier** :
- Cliquer sur l'en-tête de la carte permet de la réduire/de la développer.
- Avec une animation fluide
5. **Fenêtre contextuelle de vérification des étapes clés** :
- Une notification de vérification d'étape s'affichera lorsque toutes les ressources nécessaires à une phase seront disponibles.
- Afficher les normes d'étape pour ce stade
Les utilisateurs peuvent cliquer sur « Réalisé » pour confirmer ou cocher « Nécessite une consolidation supplémentaire » pour indiquer que la tâche est terminée.
6. **Persistance des données** :
- Tous les états sont stockés dans localStorage
- Restaurer l'état après l'actualisation de la page
- Fournit un bouton « Réinitialiser la progression » (nécessite une confirmation secondaire).
### Remplissage du contenu :
Remplissez la structure ci-dessus avec l'ensemble des données du parcours d'apprentissage prévu à l'étape 2. Assurez-vous que :
- Le lien de chaque ressource est une URL réelle et accessible.
- Les icônes des types de ressources sont correctement associées.
- La durée de chaque phase est cohérente avec la logique du cycle total.
- Les descriptions des étapes clés sont précises et vérifiables.
### Exigences techniques :
- HTML + CSS + JavaScript purs, fichier unique
- Aucune dépendance externe (à l'exception de Google Fonts)
- Adapté aux mobiles
- Version imprimable
- Code propre avec commentaires
Description
Pourquoi nous recommandons cette compétence
Cette compétence capture avec précision les besoins d'apprentissage de l'utilisateur via un questionnaire et génère un site web interactif hautement personnalisé. Son design style Kami et sa fonction de suivi de progression sont particulièrement remarquables.
À partir de vos objectifs d’apprentissage, de votre niveau actuel, du temps dont vous disposez et de vos préférences, ce Skill recherche en profondeur des ressources d’apprentissage réelles pour créer un parcours personnalisé par étapes. Il le présente sous la forme d’un site d’apprentissage interactif au style Kami, avec suivi de la progression, vérification des jalons et liens directs vers les ressources.
Compétences associées
Tout voirRechercheÉtincelle｜Décodeur de hooks
Quand on prépare une vidéo, on rencontre souvent le même problème : on voit bien qu’une vidéo de référence « sait raconter », mais au moment de créer la sienne, on ne peut qu’imiter au feeling. « Étincelle｜Décodeur de hooks » est conçu pour cette étape. Donnez-lui une vidéo YouTube précise. Il commence par confirmer la vidéo concernée et lire ses sous-titres vérifiables, puis sépare trois éléments souvent confondus : Literal 30s : ce qui se passe réellement entre 0:00 et 0:30. Intro : toute l’ouverture avant l’entrée dans le sujet principal. Hook / Re-hook : un ou plusieurs moments structurants qui servent réellement à retenir l’attention du public. Ainsi, il ne transforme pas automatiquement les 30 premières secondes de chaque vidéo en Hook sous prétexte que « les 30 premières secondes sont les plus importantes ». Si le véritable Hook apparaît après une minute, il vous le signalera clairement. Si les sous-titres ou les horodatages sont insuffisants, il indiquera précisément les éléments manquants au lieu d’inventer une réponse d’apparence professionnelle. Une fois l’ouverture décomposée, il reconstitue aussi la structure de toute la vidéo sous forme de plan : la vidéo avance-t-elle grâce à une chronologie, une expérience, des étapes, une comparaison, une histoire, une chaîne de questions ou un autre dispositif d’organisation ? Il abstrait ensuite ces structures en modèles à [emplacements]. Le modèle conserve l’ordre et la fonction de la structure, pas l’expérience, les formulations, la marque, les chiffres, les opinions ou le statut d’autorité de l’auteur original. Vous obtenez ainsi non pas un simple résumé vidéo, mais un Hook Outline accompagné d’un modèle de structure complet, que vous pouvez transmettre à l’étape suivante de votre création. Ce que l’outil ne fait pas Il ne : rédige pas directement votre nouveau Hook final ; n’évalue ni ne réécrit votre ouverture avec BRENS ; ne recherche pas à grande échelle l’ensemble d’une niche ou d’une chaîne ; génère pas de script complet ; ne génère pas de schémas explicatifs, de ressources, d’animations ou de miniatures. La recherche à grande échelle d’exemples de référence relève de « Étincelle｜Chercheur de contenu YouTube ». Le travail de perfectionnement de votre propre Hook relève du Skill correspondant à l’étape suivante.
RechercheÉtincelle｜Chercheur YouTube
Vous préparez une vidéo, mais vous ne savez pas encore comment ce sujet a déjà été traité par d’autres ? « Étincelle｜Chercheur YouTube » mène de véritables recherches sur YouTube : il trouve des vidéos pertinentes, lit leurs sous-titres, analyse leurs titres et leurs 30 premières secondes, reconstitue leur structure et repère, à partir de plusieurs exemples, les formulations récurrentes, les différences marquées et les angles encore mal exploités. Vous pouvez l’utiliser pour : Étudier les formats déjà largement utilisés autour d’un sujet Analyser en profondeur la manière dont une vidéo est présentée Examiner les sujets, les titres et les habitudes éditoriales d’une chaîne Décortiquer le Hook des 30 premières secondes et la structure de la vidéo entière Trouver de nouveaux angles créatifs à partir de vidéos existantes Réfléchir à la manière de repackager votre propre vidéo finale Il ne vous dira pas catégoriquement qu’un titre est forcément efficace simplement parce qu’une vidéo a enregistré beaucoup de vues. Lorsqu’il ne peut pas obtenir les sous-titres, les repères temporels ou les données de performance, il précise également quelles preuves font défaut. Le résultat n’est pas une simple collection de résumés vidéo, mais un brief de recherche YouTube que vous pouvez transmettre directement à l’étape suivante consacrée au choix du sujet, au Hook ou au script. Convient aux créateurs YouTube, aux responsables de la planification vidéo, aux professionnels des médias en ligne et à toute personne qui, avant de tourner, veut savoir jusqu’où les autres sont déjà allés sur ce sujet.
Mémoriser en BD
Saisissez un mot anglais pour obtenir une carte mémoire en bande dessinée : la prononciation par analogie sonore, le sens et un exemple sont intégrés à une même petite scène en continu, avec bulles de dialogue, enseignes et onomatopées. En dehors de l’image, il ne reste qu’une ligne d’informations d’en-tête et une ligne d’aide au rappel. L’impact prime sur le raffinement, dans un cadre adapté aux enfants.
Trouve ta prochaine compétence préférée
Explore d'autres compétences IA sélectionnées pour la recherche, la création et le travail quotidien.