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
ForschungFunke｜Video-Hook-Analyse
Wenn wir ein Video erstellen möchten, erleben wir oft Folgendes: Wir erkennen zwar, dass ein bestimmtes Referenzvideo „sehr gut erklärt“, doch sobald wir selbst an der Reihe sind, können wir es nur nach Gefühl nachahmen. „Funke｜Video-Hook-Analyse“ ist genau für diesen Schritt gedacht. Gib ihm ein bestimmtes YouTube-Video. Es bestätigt zunächst das richtige Video und liest die überprüfbaren Untertitel aus. Anschließend trennt es drei Dinge voneinander, die leicht vermischt werden: Literal 30s: Was im Video von 0:00 bis 0:30 tatsächlich passiert. Intro: Der gesamte Einstieg vor dem Hauptteil. Hook / Re-hook: Ein oder mehrere strukturelle Elemente, die tatsächlich dazu dienen, Zuschauer zu halten. Deshalb erklärt es nicht bei jedem Video zwanghaft die ersten 30 Sekunden zum Hook, nur weil allgemein gesagt wird, dass diese besonders wichtig seien. Liegt der eigentliche Hook erst nach der ersten Minute, wird das ebenso klar benannt. Wenn Untertitel oder Zeitstempel nicht ausreichen, weist es ausdrücklich auf die fehlende Beleglage hin, statt eine scheinbar professionelle Antwort zu ergänzen. Nach der Analyse des Einstiegs rekonstruiert es anhand einer Gliederung die Inhaltsstruktur des gesamten Videos: Wird das Video durch eine Zeitleiste, ein Experiment, Schritte, Vergleiche, eine Geschichte, eine Fragenkette oder ein anderes Organisationsprinzip vorangetrieben? Anschließend abstrahiert es diese Strukturen zu [Slot]-Vorlagen. Die Vorlage bewahrt die Reihenfolge und Funktion der Strukturelemente – nicht die Erlebnisse, Formulierungen, Marken, Zahlen, Ansichten oder die Autorität des ursprünglichen Autors. Am Ende erhältst du keine einfache Videozusammenfassung, sondern eine Hook Outline plus eine Strukturvorlage für das gesamte Video, die du direkt an den nächsten Schritt der Content-Erstellung weitergeben kannst. Was es nicht macht Es wird nicht: - den finalen neuen Hook direkt für dich schreiben; - deinen Einstieg mit BRENS bewerten oder umschreiben; - die gesamte Nische oder einen Kanal umfangreich durchsuchen; - ein vollständiges Skript erstellen; - Grafiken, Materialien, Animationen oder Thumbnails erstellen. Die umfangreiche Suche nach Referenzbeispielen gehört zum vorgelagerten Skill „Funke｜YouTube-Content-Recherche“; die Überarbeitung deines eigenen Hooks erfolgt im entsprechenden nachgelagerten Skill.
ForschungFunke｜YouTube-Research
Du möchtest ein Video erstellen, weißt aber nicht, wie andere dieses Thema bereits umgesetzt haben? „Funke｜YouTube-Research“ recherchiert direkt auf YouTube: Es findet relevante Videos, liest Transkripte, analysiert Titel und die ersten 30 Sekunden, rekonstruiert die Inhaltsstruktur und ermittelt anhand mehrerer Beispiele wiederkehrende Formulierungen, klare Unterschiede und noch nicht gut gelöste Lücken. Du kannst es verwenden, um: zu untersuchen, welche Inhalte zu einem Thema derzeit immer wieder verwendet werden genau zu analysieren, wie ein Video aufgebaut und erzählt ist die Themen, Titel und Inhaltsmuster eines Kanals zu prüfen den Hook der ersten 30 Sekunden und die Struktur des gesamten Videos zu zerlegen neue kreative Ansätze in bestehenden Videos zu finden die Verpackung deines eigenen fertigen Videos neu zu planen Wenn ein Video viele Aufrufe hat, behauptet es nicht vorschnell, dass dieser Titel „sicher funktioniert“. Wenn Transkripte, Zeitstempel oder Leistungsdaten fehlen, weist es ausdrücklich darauf hin, welche Belege nicht vorhanden sind. Du erhältst keine Sammlung von Videozusammenfassungen, sondern ein YouTube-Recherchebriefing, das direkt an die nächste Arbeit an Thema, Hook oder Skript übergeben werden kann. Geeignet für: YouTube-Creator, Videoplaner, Betreiber von Social-Media-Kanälen und alle, die vor jeder Aufnahme zuerst prüfen möchten, wie weit andere dieses Thema bereits entwickelt haben.
Witzige Vokabelbilder
Gib ein englisches Wort ein und erhalte eine comicartige Merkkarte: Klangassoziation, Bedeutung und Beispielsatz werden in derselben fortlaufenden Mini-Szene dargestellt – mit Sprechblasen, Schildern und Lautmalerei. Außerhalb des Bildes bleiben nur eine Kopfzeile und eine Zeile als Erinnerungshilfe. Wirkung geht vor feiner Ausarbeitung, kindgerecht.
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 anzeigenForschungFunke｜Video-Hook-Analyse
Wenn wir ein Video erstellen möchten, erleben wir oft Folgendes: Wir erkennen zwar, dass ein bestimmtes Referenzvideo „sehr gut erklärt“, doch sobald wir selbst an der Reihe sind, können wir es nur nach Gefühl nachahmen. „Funke｜Video-Hook-Analyse“ ist genau für diesen Schritt gedacht. Gib ihm ein bestimmtes YouTube-Video. Es bestätigt zunächst das richtige Video und liest die überprüfbaren Untertitel aus. Anschließend trennt es drei Dinge voneinander, die leicht vermischt werden: Literal 30s: Was im Video von 0:00 bis 0:30 tatsächlich passiert. Intro: Der gesamte Einstieg vor dem Hauptteil. Hook / Re-hook: Ein oder mehrere strukturelle Elemente, die tatsächlich dazu dienen, Zuschauer zu halten. Deshalb erklärt es nicht bei jedem Video zwanghaft die ersten 30 Sekunden zum Hook, nur weil allgemein gesagt wird, dass diese besonders wichtig seien. Liegt der eigentliche Hook erst nach der ersten Minute, wird das ebenso klar benannt. Wenn Untertitel oder Zeitstempel nicht ausreichen, weist es ausdrücklich auf die fehlende Beleglage hin, statt eine scheinbar professionelle Antwort zu ergänzen. Nach der Analyse des Einstiegs rekonstruiert es anhand einer Gliederung die Inhaltsstruktur des gesamten Videos: Wird das Video durch eine Zeitleiste, ein Experiment, Schritte, Vergleiche, eine Geschichte, eine Fragenkette oder ein anderes Organisationsprinzip vorangetrieben? Anschließend abstrahiert es diese Strukturen zu [Slot]-Vorlagen. Die Vorlage bewahrt die Reihenfolge und Funktion der Strukturelemente – nicht die Erlebnisse, Formulierungen, Marken, Zahlen, Ansichten oder die Autorität des ursprünglichen Autors. Am Ende erhältst du keine einfache Videozusammenfassung, sondern eine Hook Outline plus eine Strukturvorlage für das gesamte Video, die du direkt an den nächsten Schritt der Content-Erstellung weitergeben kannst. Was es nicht macht Es wird nicht: - den finalen neuen Hook direkt für dich schreiben; - deinen Einstieg mit BRENS bewerten oder umschreiben; - die gesamte Nische oder einen Kanal umfangreich durchsuchen; - ein vollständiges Skript erstellen; - Grafiken, Materialien, Animationen oder Thumbnails erstellen. Die umfangreiche Suche nach Referenzbeispielen gehört zum vorgelagerten Skill „Funke｜YouTube-Content-Recherche“; die Überarbeitung deines eigenen Hooks erfolgt im entsprechenden nachgelagerten Skill.
ForschungFunke｜YouTube-Research
Du möchtest ein Video erstellen, weißt aber nicht, wie andere dieses Thema bereits umgesetzt haben? „Funke｜YouTube-Research“ recherchiert direkt auf YouTube: Es findet relevante Videos, liest Transkripte, analysiert Titel und die ersten 30 Sekunden, rekonstruiert die Inhaltsstruktur und ermittelt anhand mehrerer Beispiele wiederkehrende Formulierungen, klare Unterschiede und noch nicht gut gelöste Lücken. Du kannst es verwenden, um: zu untersuchen, welche Inhalte zu einem Thema derzeit immer wieder verwendet werden genau zu analysieren, wie ein Video aufgebaut und erzählt ist die Themen, Titel und Inhaltsmuster eines Kanals zu prüfen den Hook der ersten 30 Sekunden und die Struktur des gesamten Videos zu zerlegen neue kreative Ansätze in bestehenden Videos zu finden die Verpackung deines eigenen fertigen Videos neu zu planen Wenn ein Video viele Aufrufe hat, behauptet es nicht vorschnell, dass dieser Titel „sicher funktioniert“. Wenn Transkripte, Zeitstempel oder Leistungsdaten fehlen, weist es ausdrücklich darauf hin, welche Belege nicht vorhanden sind. Du erhältst keine Sammlung von Videozusammenfassungen, sondern ein YouTube-Recherchebriefing, das direkt an die nächste Arbeit an Thema, Hook oder Skript übergeben werden kann. Geeignet für: YouTube-Creator, Videoplaner, Betreiber von Social-Media-Kanälen und alle, die vor jeder Aufnahme zuerst prüfen möchten, wie weit andere dieses Thema bereits entwickelt haben.
Witzige Vokabelbilder
Gib ein englisches Wort ein und erhalte eine comicartige Merkkarte: Klangassoziation, Bedeutung und Beispielsatz werden in derselben fortlaufenden Mini-Szene dargestellt – mit Sprechblasen, Schildern und Lautmalerei. Außerhalb des Bildes bleiben nur eine Kopfzeile und eine Zeile als Erinnerungshilfe. Wirkung geht vor feiner Ausarbeitung, kindgerecht.
Finde deine nächste Lieblingsfähigkeit
Entdecke weitere kuratierte KI-Fähigkeiten für Recherche, Kreativität und den Arbeitsalltag.