Meister für Lernpfade
Anweisungen
## Schritt 1: Bedarfsermittlung (Fragebogenbasiert, kein Tippen erforderlich)
Die Lernprofile der Nutzer werden durch zwei Runden von askUserQuestion erfasst.
### Runde 1 (Kerninformationen)
Verwenden Sie askUserQuestion, um Fragen gleichzeitig in den folgenden drei Dimensionen zu stellen:
1. **Arten von Lernzielen**
- Überschrift: "Ziel"
- Optionen: Prüfungsvorbereitung / Kompetenzentwicklung / Berufswechsel / Erkundung von Interessen
2. **Aktuelles Level**
- Überschrift: "Horizontal"
- Optionen: Keine Vorkenntnisse / Anfänger (Grundlagen verstehen) / Etwas Erfahrung (einfache Aufgaben erledigen) / Fortgeschritten (Überwindung von Engpässen erforderlich)
3. **Täglich verfügbare Zeit**
- Überschrift: "Zeit"
Optionen: Unter 30 Minuten / 1-2 Stunden / 2-4 Stunden / Über 4 Stunden
### Zweite Runde (Zusätzliche Informationen)
Verwenden Sie askUserQuestion, um Fragen gleichzeitig in den folgenden drei Dimensionen zu stellen:
1. **Spezifische Lernrichtung** (ermöglicht den Nutzern freie Eingabe)
- Leiten Sie die Nutzer dazu an, bestimmte Interessensgebiete in die Frage einzugeben, wie zum Beispiel: Python-Programmierung, IELTS 7, CPA-Prüfung, UI-Design usw.
- Überschrift: "Richtung"
- Optionen: Bietet mehrere beliebte Beispiele zur Auswahl und ermöglicht es Benutzern außerdem, eigene Inhalte einzugeben.
2. **Voraussichtlicher Fertigstellungszeitraum**
- Überschrift: "Periode"
Optionen: 1-monatiger Sprint / 3 Monate stetiger Fortschritt / 6 Monate intensive Entwicklung / 1 Jahr+ langfristig
3. **Lernpräferenzen** (Mehrfachauswahl möglich)
- Überschrift: "Einstellungen"
- multiSelect: true
- Optionen: Videokurse / Bücher lesen / Praktische Projekte / Interaktion in der Community
Sobald die Datenerhebung abgeschlossen ist, werden alle Informationen in einem strukturierten „Lernerprofil“ für die Verwendung in nachfolgenden Schritten organisiert.
## Schritt 2: Detaillierte Ressourcensuche und Routenplanung
### 2.1 Ressourcensuche
Basierend auf der Lernrichtung und den Präferenzen des Nutzers sollten 2-3 Suchanfragen mit Google Search durchgeführt werden:
1. **Suche nach dem besten Lernplan in diesem Bereich**
- Suchanfrage: "[Lernrichtung] Lernfahrplan 2024 2025" oder "[Lernrichtung] Empfohlener Lernfahrplan"
- Extraktion: Phasenaufteilung, Kernwissenspunkte, Lernreihenfolge
2. **Suche nach spezifischen Lernressourcen**
- Suche nach relevanten Ressourcen basierend auf den Benutzerpräferenzen:
- Videokurse: Suche nach beliebten Kursen auf Coursera/Udemy/Bilibili
- Bücher: Suchen Sie auf Douban/Amazon nach hoch bewerteten Büchern in den Leseempfehlungslisten.
- Praktische Projekte: Suche auf GitHub/practical tutorials
- Anfrage: "[Lernrichtung] am besten [Ressourcentyp] Anfänger/Mittelstufe/Experte"
3. **Meilensteinstandards für die Suche**
- Suchanfrage: "[Lernbereich] Checkliste zur Kompetenzbewertung" oder "[Lernbereich] Standards zur Kompetenzbewertung"
- Extraktion: Welches Niveau sollte in jeder Phase erreicht werden?
### 2.2 Pfadplanung
Planen Sie den Lernpfad anhand der Suchergebnisse und Nutzerprofile:
**Phasenbasiertes Prinzip:**
- Basierend auf dem erwarteten Lernzeitplan des Nutzers sollte der Lernprozess in 3-5 Phasen unterteilt werden.
- Jede Phase umfasst: Phasenname, geschätzte Dauer, Kernziele, spezifische Ressourcen (3-5) und Meilenstein-Kontrollpunkte.
- Es müssen echte Quellen sein, die über die Suche gefunden wurden (mit Name, Plattform und Link).
- Meilensteine müssen überprüfbare Beschreibungen spezifischer Fähigkeiten sein.
**Grundsätze der Zeiteinteilung:**
- Berechnen Sie die gesamten Lernstunden für jede Phase auf Basis der täglich verfügbaren Zeit.
- Bitte geben Sie Vorschläge für wöchentliche Zeitpläne (Wochentage vs. Wochenenden) an.
- 10 % Pufferzeit reservieren
**Ausgabeformat (interne Datenstruktur, die an Schritt 3 übergeben wird):**
```
Lernerprofil: {Ziele, Richtung, Niveau, Zeit, Häufigkeit, Präferenzen}
Pfadplanung: [
{
Phasenname
Phasennummer
Geschätzte Dauer (Wochen)
Beschreibung der Kernziele
Ressourcenliste: [{Name, Typ (Video/Buch/Projekt), Plattform, Link, Geschätzte Lernzeit}],
Meilenstein: {Beschreibung, Verifizierungsmethode}
}
]
Wöchentliche Vorschläge: {Wochentagsplan, Wochenendplan, Gesamtlernstunden pro Woche}
```
## Schritt 3: Erstellen Sie eine interaktive Lernwebsite im Kami-Stil
Verwenden Sie das Tool generateWebpage, um eine interaktive Lernpfad-Website zu erstellen.
Der Anweisungsparameter enthält die folgende vollständige Spezifikation sowie die in Schritt 2 generierten spezifischen Lernpfaddaten:
### Spezifikationen des Designsystems (Kami-Designsystem, angepasst für Lernszenarien):
**Farbschema:**
- Seitenhintergrund: #f5f4ed (warmes Beige Pergament)
- Kartenhintergrund: #FAF9F5 (Elfenbein)
- Akzentfarbe/Markenfarbe: #1B365D (Tintenblau)
- Textfarbe: #141413 (Nahezu Schwarz)
- Subtextfarbe: #4D4C48 (Anthrazit)
- Farbe beachten: #87867F (Stein)
- Rahmenfarbe: #D6D5CE (warmgrauer Rahmen)
- Fortschrittsanzeige abgeschlossen: #1B365D (Markenfarbe)
- Fortschrittsanzeige nicht abgeschlossen: #E8E7E2
- Erfolgs-/Abschlussstatus: #2D5016 (Dunkelolivgrün)
- In Bearbeitung: #1B365D (Markenfarbe)
- Nicht gestartet: #87867F (Stone)
- Tag-Hintergrund: #E4ECF5
- Alle Grautöne müssen warm sein (R≈G>B), kühle Blaugrautöne sind verboten.
**Schriftsystem:**
- Noto Serif SC und Noto Sans SC über Google Fonts laden
- Titel: Schriftart: 'Noto Serif SC', Charter, Georgia, Serifenschrift; Schriftstärke: 500
- Text: font-family: 'Noto Sans SC', 'PingFang SC', sans-serif; font-weight: 400
- Daten/Hervorhebung von Zahlen: Schriftart: Charter, Georgia, Serif
- Schriftstärke deaktivieren: 700/fett
**Satz:**
- Zeilenabstand: Überschrift 1,2 / Fließtext 1,5
- Chinesischer Buchstabenabstand: 0,3pt
- Maximale Seitenbreite: 800px, zentriert
- Responsiv, mobilfreundlich
**Visuelle Regeln:**
- Schatten: Ringschatten (0 0 0 1px rgba(0,0,0,0.05)) oder Flüsterschatten (0 1px 3px rgba(0,0,0,0.04))
- Abgerundete Ecken: 8px (Standard) / 12px (große Karte)
- Trennlinie: 0,5px durchgezogene Linie #D6D5CE oder 2,5px durchgezogene Linie #1B365D (Markenlinie, vertikal)
- Hervorhebungsmethode: Blaue Schrift oder vertikale Markenlinie links
### Anforderungen an die Seitenstruktur:
**1. Top-Helden-Bereich:**
- Überschrift „Lernziele“ (Serif 28px)
- Wichtige Informationen in einer Zeile: Zieltyp | Geschätzte Dauer | Tägliche Zeit
- Gesamtfortschrittsanzeige (mit Prozentangaben)
- Statistikkartenzeile: Gesamtressourcen / Abgeschlossen / Aktuelle Phase
**2. Bühnenkartenbereich (Kern):**
- Eine große Karte für jede Phase
- Kartenkopf: Etappennummer + Name + Status-Tag (✅ Abgeschlossen / 🔄 In Bearbeitung / ⬜ Nicht begonnen) + Geschätzte Dauer
- Karteninhalt:
- Beschreibung des Kernziels (1-2 Sätze)
Ressourcenliste: Jede Ressource wird in einer separaten Zeile aufgeführt und enthält ein Symbol (📚Buch/🎬Video/💻Projekt/👥Community) + Name (anklickbarer Link) + Plattform-Tag + Kontrollkästchen
- Meilensteinbereich: Hervorgehoben durch vertikale Linien der Marke und einen speziellen Stil, um die Erreichung der Standards zu beschreiben.
- Die Karten können gefaltet/aufgefaltet werden (standardmäßig werden sie für die aktuelle Phase aufgeklappt und für die abgeschlossene Phase gefaltet).
**3. Bereich für wöchentliche Lernvorschläge:**
- Kurze Vorschläge zur Zeiteinteilung
- Wochentags- vs. Wochenendplan
**4. Unten:**
– Eine kurze Textzeile: Unterstützt von Learning Path Planning Master · Entworfen mit Kami Design System
### Anforderungen an die interaktive Funktionalität (Reines Front-End-JavaScript + localStorage):
1. **Statusumschaltung der Kontrollkästchen**:
- Klicken Sie auf das Kontrollkästchen vor der Ressource, um den Abschlussstatus umzuschalten.
- Speichere den Status im localStorage (der Schlüssel besteht aus Lernrichtung und Ressourcennamen-Hash)
- Abgeschlossene Ressourcen werden durchgestrichen und mit reduzierter Transparenz angezeigt.
2. **Automatische Fortschrittsberechnung:**
- Gesamtfortschritt = (Anzahl der ausgewählten Ressourcen / Gesamtzahl der Ressourcen) × 100 %
- Stufenfortschritt = Anzahl der ausgewählten Stufen / Gesamtzahl der Stufen
- Animationsübergang für Fortschrittsbalken (Übergang: Breite 0,3s sanft)
3. **Automatische Aktualisierung des Phasenstatus**:
- Wählen Sie alle Ressourcen innerhalb der Phase aus → Status ändert sich zu ✅ Abgeschlossen, automatisch ausgeblendet.
- Wenn während der Phase ein Element ausgewählt wird, ändert sich der Status zu 🔄In Bearbeitung.
- Kein Häkchen → ⬜ Nicht gestartet
4. **Falten/Entfalten**:
- Durch Klicken auf die Kartenüberschrift wird die Karte ein- bzw. ausgeblendet.
- Mit flüssiger Animation
5. **Meilenstein-Check-Popup-Fenster**:
- Eine Meldung zur Meilensteinprüfung wird angezeigt, sobald alle Ressourcen für eine Phase fertiggestellt sind.
- Die Meilensteinstandards für diese Phase anzeigen
Die Nutzer können auf „Erreicht“ klicken, um dies zu bestätigen, oder auf „Weitere Konsolidierung erforderlich“, um den Abschluss anzuzeigen.
6. **Datenpersistenz**:
Alle Zustände werden im localStorage gespeichert.
- Zustand nach Seitenaktualisierung wiederherstellen
- Bietet eine Schaltfläche "Fortschritt zurücksetzen" (erfordert eine zweite Bestätigung).
### Inhalt füllen:
Füllen Sie die obige Struktur mit den vollständigen Lernpfaddaten aus Schritt 2. Stellen Sie sicher:
- Jeder Ressourcenlink ist eine echte, zugängliche URL.
- Die Symbole der Ressourcentypen werden korrekt zugeordnet.
- Die Dauer jeder Phase entspricht der Logik des Gesamtzyklus.
- Die Meilensteinbeschreibungen sind spezifisch und überprüfbar.
### Technische Anforderungen:
- Reines HTML + CSS + JavaScript, eine einzige Datei
- Keine externen Abhängigkeiten (außer Google Fonts)
- Mobil-responsiv
- Druckfreundlich
- Sauberer Code mit Kommentaren
Beschreibung
Warum wir diese Fähigkeit empfehlen
Diese Fähigkeit erfasst die Lernbedürfnisse der Benutzer präzise mittels Fragebögen und kann hochgradig personalisierte interaktive Lernwebsites generieren, wobei das Kami-Design und die Fortschrittsverfolgung besonders hervorstechen.
Erstellt auf Grundlage deiner Lernziele, deines aktuellen Kenntnisstands, deiner verfügbaren Zeit und deiner Präferenzen durch eine gründliche Suche nach echten Lernressourcen einen personalisierten, in Phasen gegliederten Lernpfad. Die Ausgabe erfolgt als interaktive Lernwebsite im Kami-Stil – mit Fortschrittsverfolgung, Meilenstein-Checks und direkten Links zu den Ressourcen.
Ähnliche Fähigkeiten
Alle anzeigen
ForschungLangsam Schlüsselwort-Methode
Mit der Schlüsselwort-Lernmethode schnell in jedes Fachgebiet einsteigen: Erstellen Sie eine Tabelle mit 20 Schlüsselwörtern (mit einer Satzerklärung/Anwendungsszenarien/Best Practices), ein handgezeichnetes SVG-Diagramm im Comic-Stil zur Darstellung logischer Beziehungen, simulieren Sie einen Fachexperten, der 5 Schlüsselfragen beantwortet, empfehlen Sie 3-5 Fachbücher und gestalten Sie einen gut formatierten Bericht. Wenn Sie „Interpretation von Buchtitel“ eingeben, wechselt das Tool in den Modus zur vertieften Buchinterpretation in sieben Teilen.
ForschungSignal Room: Interviewsynthese
YouMind transkribiert bereits Ihre Anrufe, Interviews und Podcasts. Signal Room ist das, was als Nächstes passiert. Legen Sie ein oder zwanzig Transkripte hinein und erhalten Sie eine Forschungssynthese, die ein echter Analyst unterschreiben würde: kodierte Themen, wörtliche Belege mit Zeitstempeln, die Punkte, an denen Menschen uneins sind, und eine priorisierte Antwort auf die Entscheidung, die Sie treffen möchten. Die Methode ist echte qualitative Praxis, keine Zusammenfassung: • Offenes Kodieren, das zitatbasiert funktioniert — kein Zitat, kein Code — mit Codes, die in den eigenen Worten der Teilnehmer benannt sind, statt in Analysten-Jargon. • Jeder Code wird als Verhalten, Glaube oder Wunsch getaggt, denn „Das würde ich definitiv bezahlen“ ist nicht dieselbe Art von Beleg wie „Das habe ich letzten Monat bezahlt“. • Themen als falsifizierbare Sätze formuliert, mit Stärke, die in Teilnehmern statt in Zitaten gemessen wird, und widerlegende Belege werden gezielt gesucht. • Eine Spannungskarte, die zeigt, wo sich Ihre Teilnehmer wirklich spalten und was vorhersagt, auf welche Seite sie fallen. • Ein Opportunity-Backlog, geschrieben als „wenn [Situation], [wer] möchte [Ergebnis], weil [Grund]“, jeweils bewertet als Stark, Suggestiv oder Anekdotisch. • Eine direkte Antwort auf Ihre Entscheidungsfrage mit angegebenem Konfidenzniveau und was es ändern würde. • Die drei Fragen, die diese Runde nicht beantworten konnte, und wen Sie als Nächstes interviewen sollten. Wichtige Schutzmechanismen: Es erfindet oder glättet niemals ein Zitat, es weigert sich, Prozentsätze bei weniger als zwölf Teilnehmern zu berichten, es pseudonymisiert Teilnehmer standardmäßig und es sagt Ihnen ins Gesicht, wenn n=1 bedeutet, dass Sie eine Hypothese und keine Erkenntnis haben. Für Produktmanager, UX- und Marktforscher, Journalisten, Berater, Gründer in der Kundenerkundung und alle, die auf Stunden von Aufnahmen sitzen und keine Erkenntnisse haben.
ForschungPaper-Lernmeister
Unterstützt Produktmanager:innen, Gründer:innen und App-Entwickler:innen dabei, KI-Papiere anhand historischer Kausalketten zu verstehen und daraus Produktentscheidungen, technische Grenzen, technisches Gespür und Chancenanalysen abzuleiten.
Meister für Lernpfade
Anweisungen
## Schritt 1: Bedarfsermittlung (Fragebogenbasiert, kein Tippen erforderlich)
Die Lernprofile der Nutzer werden durch zwei Runden von askUserQuestion erfasst.
### Runde 1 (Kerninformationen)
Verwenden Sie askUserQuestion, um Fragen gleichzeitig in den folgenden drei Dimensionen zu stellen:
1. **Arten von Lernzielen**
- Überschrift: "Ziel"
- Optionen: Prüfungsvorbereitung / Kompetenzentwicklung / Berufswechsel / Erkundung von Interessen
2. **Aktuelles Level**
- Überschrift: "Horizontal"
- Optionen: Keine Vorkenntnisse / Anfänger (Grundlagen verstehen) / Etwas Erfahrung (einfache Aufgaben erledigen) / Fortgeschritten (Überwindung von Engpässen erforderlich)
3. **Täglich verfügbare Zeit**
- Überschrift: "Zeit"
Optionen: Unter 30 Minuten / 1-2 Stunden / 2-4 Stunden / Über 4 Stunden
### Zweite Runde (Zusätzliche Informationen)
Verwenden Sie askUserQuestion, um Fragen gleichzeitig in den folgenden drei Dimensionen zu stellen:
1. **Spezifische Lernrichtung** (ermöglicht den Nutzern freie Eingabe)
- Leiten Sie die Nutzer dazu an, bestimmte Interessensgebiete in die Frage einzugeben, wie zum Beispiel: Python-Programmierung, IELTS 7, CPA-Prüfung, UI-Design usw.
- Überschrift: "Richtung"
- Optionen: Bietet mehrere beliebte Beispiele zur Auswahl und ermöglicht es Benutzern außerdem, eigene Inhalte einzugeben.
2. **Voraussichtlicher Fertigstellungszeitraum**
- Überschrift: "Periode"
Optionen: 1-monatiger Sprint / 3 Monate stetiger Fortschritt / 6 Monate intensive Entwicklung / 1 Jahr+ langfristig
3. **Lernpräferenzen** (Mehrfachauswahl möglich)
- Überschrift: "Einstellungen"
- multiSelect: true
- Optionen: Videokurse / Bücher lesen / Praktische Projekte / Interaktion in der Community
Sobald die Datenerhebung abgeschlossen ist, werden alle Informationen in einem strukturierten „Lernerprofil“ für die Verwendung in nachfolgenden Schritten organisiert.
## Schritt 2: Detaillierte Ressourcensuche und Routenplanung
### 2.1 Ressourcensuche
Basierend auf der Lernrichtung und den Präferenzen des Nutzers sollten 2-3 Suchanfragen mit Google Search durchgeführt werden:
1. **Suche nach dem besten Lernplan in diesem Bereich**
- Suchanfrage: "[Lernrichtung] Lernfahrplan 2024 2025" oder "[Lernrichtung] Empfohlener Lernfahrplan"
- Extraktion: Phasenaufteilung, Kernwissenspunkte, Lernreihenfolge
2. **Suche nach spezifischen Lernressourcen**
- Suche nach relevanten Ressourcen basierend auf den Benutzerpräferenzen:
- Videokurse: Suche nach beliebten Kursen auf Coursera/Udemy/Bilibili
- Bücher: Suchen Sie auf Douban/Amazon nach hoch bewerteten Büchern in den Leseempfehlungslisten.
- Praktische Projekte: Suche auf GitHub/practical tutorials
- Anfrage: "[Lernrichtung] am besten [Ressourcentyp] Anfänger/Mittelstufe/Experte"
3. **Meilensteinstandards für die Suche**
- Suchanfrage: "[Lernbereich] Checkliste zur Kompetenzbewertung" oder "[Lernbereich] Standards zur Kompetenzbewertung"
- Extraktion: Welches Niveau sollte in jeder Phase erreicht werden?
### 2.2 Pfadplanung
Planen Sie den Lernpfad anhand der Suchergebnisse und Nutzerprofile:
**Phasenbasiertes Prinzip:**
- Basierend auf dem erwarteten Lernzeitplan des Nutzers sollte der Lernprozess in 3-5 Phasen unterteilt werden.
- Jede Phase umfasst: Phasenname, geschätzte Dauer, Kernziele, spezifische Ressourcen (3-5) und Meilenstein-Kontrollpunkte.
- Es müssen echte Quellen sein, die über die Suche gefunden wurden (mit Name, Plattform und Link).
- Meilensteine müssen überprüfbare Beschreibungen spezifischer Fähigkeiten sein.
**Grundsätze der Zeiteinteilung:**
- Berechnen Sie die gesamten Lernstunden für jede Phase auf Basis der täglich verfügbaren Zeit.
- Bitte geben Sie Vorschläge für wöchentliche Zeitpläne (Wochentage vs. Wochenenden) an.
- 10 % Pufferzeit reservieren
**Ausgabeformat (interne Datenstruktur, die an Schritt 3 übergeben wird):**
```
Lernerprofil: {Ziele, Richtung, Niveau, Zeit, Häufigkeit, Präferenzen}
Pfadplanung: [
{
Phasenname
Phasennummer
Geschätzte Dauer (Wochen)
Beschreibung der Kernziele
Ressourcenliste: [{Name, Typ (Video/Buch/Projekt), Plattform, Link, Geschätzte Lernzeit}],
Meilenstein: {Beschreibung, Verifizierungsmethode}
}
]
Wöchentliche Vorschläge: {Wochentagsplan, Wochenendplan, Gesamtlernstunden pro Woche}
```
## Schritt 3: Erstellen Sie eine interaktive Lernwebsite im Kami-Stil
Verwenden Sie das Tool generateWebpage, um eine interaktive Lernpfad-Website zu erstellen.
Der Anweisungsparameter enthält die folgende vollständige Spezifikation sowie die in Schritt 2 generierten spezifischen Lernpfaddaten:
### Spezifikationen des Designsystems (Kami-Designsystem, angepasst für Lernszenarien):
**Farbschema:**
- Seitenhintergrund: #f5f4ed (warmes Beige Pergament)
- Kartenhintergrund: #FAF9F5 (Elfenbein)
- Akzentfarbe/Markenfarbe: #1B365D (Tintenblau)
- Textfarbe: #141413 (Nahezu Schwarz)
- Subtextfarbe: #4D4C48 (Anthrazit)
- Farbe beachten: #87867F (Stein)
- Rahmenfarbe: #D6D5CE (warmgrauer Rahmen)
- Fortschrittsanzeige abgeschlossen: #1B365D (Markenfarbe)
- Fortschrittsanzeige nicht abgeschlossen: #E8E7E2
- Erfolgs-/Abschlussstatus: #2D5016 (Dunkelolivgrün)
- In Bearbeitung: #1B365D (Markenfarbe)
- Nicht gestartet: #87867F (Stone)
- Tag-Hintergrund: #E4ECF5
- Alle Grautöne müssen warm sein (R≈G>B), kühle Blaugrautöne sind verboten.
**Schriftsystem:**
- Noto Serif SC und Noto Sans SC über Google Fonts laden
- Titel: Schriftart: 'Noto Serif SC', Charter, Georgia, Serifenschrift; Schriftstärke: 500
- Text: font-family: 'Noto Sans SC', 'PingFang SC', sans-serif; font-weight: 400
- Daten/Hervorhebung von Zahlen: Schriftart: Charter, Georgia, Serif
- Schriftstärke deaktivieren: 700/fett
**Satz:**
- Zeilenabstand: Überschrift 1,2 / Fließtext 1,5
- Chinesischer Buchstabenabstand: 0,3pt
- Maximale Seitenbreite: 800px, zentriert
- Responsiv, mobilfreundlich
**Visuelle Regeln:**
- Schatten: Ringschatten (0 0 0 1px rgba(0,0,0,0.05)) oder Flüsterschatten (0 1px 3px rgba(0,0,0,0.04))
- Abgerundete Ecken: 8px (Standard) / 12px (große Karte)
- Trennlinie: 0,5px durchgezogene Linie #D6D5CE oder 2,5px durchgezogene Linie #1B365D (Markenlinie, vertikal)
- Hervorhebungsmethode: Blaue Schrift oder vertikale Markenlinie links
### Anforderungen an die Seitenstruktur:
**1. Top-Helden-Bereich:**
- Überschrift „Lernziele“ (Serif 28px)
- Wichtige Informationen in einer Zeile: Zieltyp | Geschätzte Dauer | Tägliche Zeit
- Gesamtfortschrittsanzeige (mit Prozentangaben)
- Statistikkartenzeile: Gesamtressourcen / Abgeschlossen / Aktuelle Phase
**2. Bühnenkartenbereich (Kern):**
- Eine große Karte für jede Phase
- Kartenkopf: Etappennummer + Name + Status-Tag (✅ Abgeschlossen / 🔄 In Bearbeitung / ⬜ Nicht begonnen) + Geschätzte Dauer
- Karteninhalt:
- Beschreibung des Kernziels (1-2 Sätze)
Ressourcenliste: Jede Ressource wird in einer separaten Zeile aufgeführt und enthält ein Symbol (📚Buch/🎬Video/💻Projekt/👥Community) + Name (anklickbarer Link) + Plattform-Tag + Kontrollkästchen
- Meilensteinbereich: Hervorgehoben durch vertikale Linien der Marke und einen speziellen Stil, um die Erreichung der Standards zu beschreiben.
- Die Karten können gefaltet/aufgefaltet werden (standardmäßig werden sie für die aktuelle Phase aufgeklappt und für die abgeschlossene Phase gefaltet).
**3. Bereich für wöchentliche Lernvorschläge:**
- Kurze Vorschläge zur Zeiteinteilung
- Wochentags- vs. Wochenendplan
**4. Unten:**
– Eine kurze Textzeile: Unterstützt von Learning Path Planning Master · Entworfen mit Kami Design System
### Anforderungen an die interaktive Funktionalität (Reines Front-End-JavaScript + localStorage):
1. **Statusumschaltung der Kontrollkästchen**:
- Klicken Sie auf das Kontrollkästchen vor der Ressource, um den Abschlussstatus umzuschalten.
- Speichere den Status im localStorage (der Schlüssel besteht aus Lernrichtung und Ressourcennamen-Hash)
- Abgeschlossene Ressourcen werden durchgestrichen und mit reduzierter Transparenz angezeigt.
2. **Automatische Fortschrittsberechnung:**
- Gesamtfortschritt = (Anzahl der ausgewählten Ressourcen / Gesamtzahl der Ressourcen) × 100 %
- Stufenfortschritt = Anzahl der ausgewählten Stufen / Gesamtzahl der Stufen
- Animationsübergang für Fortschrittsbalken (Übergang: Breite 0,3s sanft)
3. **Automatische Aktualisierung des Phasenstatus**:
- Wählen Sie alle Ressourcen innerhalb der Phase aus → Status ändert sich zu ✅ Abgeschlossen, automatisch ausgeblendet.
- Wenn während der Phase ein Element ausgewählt wird, ändert sich der Status zu 🔄In Bearbeitung.
- Kein Häkchen → ⬜ Nicht gestartet
4. **Falten/Entfalten**:
- Durch Klicken auf die Kartenüberschrift wird die Karte ein- bzw. ausgeblendet.
- Mit flüssiger Animation
5. **Meilenstein-Check-Popup-Fenster**:
- Eine Meldung zur Meilensteinprüfung wird angezeigt, sobald alle Ressourcen für eine Phase fertiggestellt sind.
- Die Meilensteinstandards für diese Phase anzeigen
Die Nutzer können auf „Erreicht“ klicken, um dies zu bestätigen, oder auf „Weitere Konsolidierung erforderlich“, um den Abschluss anzuzeigen.
6. **Datenpersistenz**:
Alle Zustände werden im localStorage gespeichert.
- Zustand nach Seitenaktualisierung wiederherstellen
- Bietet eine Schaltfläche "Fortschritt zurücksetzen" (erfordert eine zweite Bestätigung).
### Inhalt füllen:
Füllen Sie die obige Struktur mit den vollständigen Lernpfaddaten aus Schritt 2. Stellen Sie sicher:
- Jeder Ressourcenlink ist eine echte, zugängliche URL.
- Die Symbole der Ressourcentypen werden korrekt zugeordnet.
- Die Dauer jeder Phase entspricht der Logik des Gesamtzyklus.
- Die Meilensteinbeschreibungen sind spezifisch und überprüfbar.
### Technische Anforderungen:
- Reines HTML + CSS + JavaScript, eine einzige Datei
- Keine externen Abhängigkeiten (außer Google Fonts)
- Mobil-responsiv
- Druckfreundlich
- Sauberer Code mit Kommentaren
Beschreibung
Warum wir diese Fähigkeit empfehlen
Diese Fähigkeit erfasst die Lernbedürfnisse der Benutzer präzise mittels Fragebögen und kann hochgradig personalisierte interaktive Lernwebsites generieren, wobei das Kami-Design und die Fortschrittsverfolgung besonders hervorstechen.
Erstellt auf Grundlage deiner Lernziele, deines aktuellen Kenntnisstands, deiner verfügbaren Zeit und deiner Präferenzen durch eine gründliche Suche nach echten Lernressourcen einen personalisierten, in Phasen gegliederten Lernpfad. Die Ausgabe erfolgt als interaktive Lernwebsite im Kami-Stil – mit Fortschrittsverfolgung, Meilenstein-Checks und direkten Links zu den Ressourcen.
Ähnliche Fähigkeiten
Alle anzeigenForschungLangsam Schlüsselwort-Methode
Mit der Schlüsselwort-Lernmethode schnell in jedes Fachgebiet einsteigen: Erstellen Sie eine Tabelle mit 20 Schlüsselwörtern (mit einer Satzerklärung/Anwendungsszenarien/Best Practices), ein handgezeichnetes SVG-Diagramm im Comic-Stil zur Darstellung logischer Beziehungen, simulieren Sie einen Fachexperten, der 5 Schlüsselfragen beantwortet, empfehlen Sie 3-5 Fachbücher und gestalten Sie einen gut formatierten Bericht. Wenn Sie „Interpretation von Buchtitel“ eingeben, wechselt das Tool in den Modus zur vertieften Buchinterpretation in sieben Teilen.
ForschungSignal Room: Interviewsynthese
YouMind transkribiert bereits Ihre Anrufe, Interviews und Podcasts. Signal Room ist das, was als Nächstes passiert. Legen Sie ein oder zwanzig Transkripte hinein und erhalten Sie eine Forschungssynthese, die ein echter Analyst unterschreiben würde: kodierte Themen, wörtliche Belege mit Zeitstempeln, die Punkte, an denen Menschen uneins sind, und eine priorisierte Antwort auf die Entscheidung, die Sie treffen möchten. Die Methode ist echte qualitative Praxis, keine Zusammenfassung: • Offenes Kodieren, das zitatbasiert funktioniert — kein Zitat, kein Code — mit Codes, die in den eigenen Worten der Teilnehmer benannt sind, statt in Analysten-Jargon. • Jeder Code wird als Verhalten, Glaube oder Wunsch getaggt, denn „Das würde ich definitiv bezahlen“ ist nicht dieselbe Art von Beleg wie „Das habe ich letzten Monat bezahlt“. • Themen als falsifizierbare Sätze formuliert, mit Stärke, die in Teilnehmern statt in Zitaten gemessen wird, und widerlegende Belege werden gezielt gesucht. • Eine Spannungskarte, die zeigt, wo sich Ihre Teilnehmer wirklich spalten und was vorhersagt, auf welche Seite sie fallen. • Ein Opportunity-Backlog, geschrieben als „wenn [Situation], [wer] möchte [Ergebnis], weil [Grund]“, jeweils bewertet als Stark, Suggestiv oder Anekdotisch. • Eine direkte Antwort auf Ihre Entscheidungsfrage mit angegebenem Konfidenzniveau und was es ändern würde. • Die drei Fragen, die diese Runde nicht beantworten konnte, und wen Sie als Nächstes interviewen sollten. Wichtige Schutzmechanismen: Es erfindet oder glättet niemals ein Zitat, es weigert sich, Prozentsätze bei weniger als zwölf Teilnehmern zu berichten, es pseudonymisiert Teilnehmer standardmäßig und es sagt Ihnen ins Gesicht, wenn n=1 bedeutet, dass Sie eine Hypothese und keine Erkenntnis haben. Für Produktmanager, UX- und Marktforscher, Journalisten, Berater, Gründer in der Kundenerkundung und alle, die auf Stunden von Aufnahmen sitzen und keine Erkenntnisse haben.
ForschungPaper-Lernmeister
Unterstützt Produktmanager:innen, Gründer:innen und App-Entwickler:innen dabei, KI-Papiere anhand historischer Kausalketten zu verstehen und daraus Produktentscheidungen, technische Grenzen, technisches Gespür und Chancenanalysen abzuleiten.
Finde deine nächste Lieblingsfähigkeit
Entdecke weitere kuratierte KI-Fähigkeiten für Recherche, Kreativität und den Arbeitsalltag.