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 anzeigenLernplan-Skill
Verwandle den Wunsch, etwas zu lernen, in einen systematischen Lernplan, mit dem du noch heute beginnen kannst und jeden Tag weißt, was zu tun ist. Du gibst einfach dein Lernziel, dein aktuelles Niveau, den geplanten Zeitraum, die verfügbare Zeit und deine Lernpräferenzen an. Daraufhin werden die Lernschwerpunkte passend zu deiner Situation geordnet, Stärken und Schwachstellen erkannt und große Ziele in überprüfbare Meilensteine unterteilt – mit klaren Kriterien für den Lernfortschritt. Der Plan eignet sich für Sprachen, Programmierung, Instrumente, Prüfungen, Fitness und viele weitere Lernszenarien. Er umfasst ein nach Priorität geordnetes Wissenssystem, einen Lernpfad in mehreren Phasen sowie tägliche Vorlagen, die an den Rhythmus von Werktagen und Wochenenden angepasst sind. Jede Aufgabe wird in konkrete Lerninhalte, Übungsformen, Zeitaufwand und Erfolgskriterien übersetzt. Dabei wird die Verbindung von Aufnahme und Anwendung betont, damit aus „gesehen“ und „gehört“ tatsächlich anwendbares Wissen wird. Außerdem werden Ressourcen wie Videos, Audio, Bücher und Tools entsprechend deinen Lernpräferenzen aufbereitet und verfügbare Links online überprüft. Gegen Aufschieben, nachlassende Motivation, Perfektionismus, fehlendes Feedback oder ungeplante Unterbrechungen gibt es passende Mechanismen zum Dranbleiben. Am Ende erhältst du eine Aktionsliste für den ersten Tag, eine Meilenstein-Checkliste und ein vollständiges Ausführungsdokument. Nach der Bestätigung des Plans kann zusätzlich ein offline nutzbares HTML-Tool zum Abhaken erstellt werden, mit dem du tägliche Aufgaben, Phasenfortschritt, Meilensteine und Lernressourcen festhältst.
Individueller KI-Lernplan
In der sich rasant verändernden KI-Ära fragen Sie sich vielleicht, wie Sie KI effizient lernen können? Der 'Individuelle KI-Lernplan' erstellt für Sie eine klare, umsetzbare KI-Lernroadmap. Er versteht Ihre Lernbedürfnisse, Ihren technischen Hintergrund und sogar Ihre möglichen Ängste tiefgehend und navigiert Sie wie ein einfühlsamer Technikmentor präzise. Durch intelligente Gespräche mit Ihnen erkennt dieses Skill nicht nur, ob Sie ein 'zielorientierter' Lerner, der systematisch lernen möchte, oder ein 'orientierungsloser' Lerner, der Richtung braucht, sind, sondern führt Sie auch sanft dazu, Ihre Lernrichtung und Ziele zu klären. Anschließend nutzt es Echtzeit-Internetsuche und strenge Ressourcenüberprüfung, um aus der riesigen Informationsflut die neuesten und autoritativsten Lernmaterialien zu filtern, einschließlich offizieller Dokumentation, hochwertiger Tutorials, aktiver Open-Source-Projekte usw., um sicherzustellen, dass Ihr Wissen aktuell und zuverlässig ist. Am Ende erhalten Sie einen strukturierten, umsetzbaren personalisierten Lernplan. Dieser Plan unterteilt die Lernziele in mehrere konkrete Phasen, jede mit klaren Lernzielen, kuratierten Ressourcen, überprüfbaren Abschlusskriterien und geschätzter Zeit. Noch besser: Der Plan enthält einen 'Mikroaktionsstarter', der Sie sofort zu einer 'so kleinen, dass sie nicht scheitern kann' Lernaufgabe führt, sowie personalisierte Mentale Aufbau-Tipps, um psychologische Hürden zu überwinden. Sie können diesen exklusiven Lernplan auch als Webseite exportieren, um ihn jederzeit und überall einzusehen und zu teilen, sodass Ihr KI-Lernweg voller Vertrauen und Motivation ist.
ForschungKI-Lern- & Verdienstplan
Maßgeschneiderte Roadmap vom KI-Lernen bis zur Monetarisierung für alle Kenntnisstufen – vom absoluten Anfänger bis zum professionellen Entwickler. Bietet gestaffelte Lernpläne (Anfänger/Fortgeschritten/Profi), Praxisprojekte, Monetarisierungsstrategien und generiert teilbare, visualisierte Webseiten. Egal, ob Sie KI-Tools erlernen, in die KI-Branche einsteigen, Ihre aktuelle Arbeitseffizienz steigern oder KI-Produkte entwickeln und ein freies Nebeneinkommen oder eine Karriere anstreben möchten – hier finden Sie den passenden Lernpfad.
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 anzeigenLernplan-Skill
Verwandle den Wunsch, etwas zu lernen, in einen systematischen Lernplan, mit dem du noch heute beginnen kannst und jeden Tag weißt, was zu tun ist. Du gibst einfach dein Lernziel, dein aktuelles Niveau, den geplanten Zeitraum, die verfügbare Zeit und deine Lernpräferenzen an. Daraufhin werden die Lernschwerpunkte passend zu deiner Situation geordnet, Stärken und Schwachstellen erkannt und große Ziele in überprüfbare Meilensteine unterteilt – mit klaren Kriterien für den Lernfortschritt. Der Plan eignet sich für Sprachen, Programmierung, Instrumente, Prüfungen, Fitness und viele weitere Lernszenarien. Er umfasst ein nach Priorität geordnetes Wissenssystem, einen Lernpfad in mehreren Phasen sowie tägliche Vorlagen, die an den Rhythmus von Werktagen und Wochenenden angepasst sind. Jede Aufgabe wird in konkrete Lerninhalte, Übungsformen, Zeitaufwand und Erfolgskriterien übersetzt. Dabei wird die Verbindung von Aufnahme und Anwendung betont, damit aus „gesehen“ und „gehört“ tatsächlich anwendbares Wissen wird. Außerdem werden Ressourcen wie Videos, Audio, Bücher und Tools entsprechend deinen Lernpräferenzen aufbereitet und verfügbare Links online überprüft. Gegen Aufschieben, nachlassende Motivation, Perfektionismus, fehlendes Feedback oder ungeplante Unterbrechungen gibt es passende Mechanismen zum Dranbleiben. Am Ende erhältst du eine Aktionsliste für den ersten Tag, eine Meilenstein-Checkliste und ein vollständiges Ausführungsdokument. Nach der Bestätigung des Plans kann zusätzlich ein offline nutzbares HTML-Tool zum Abhaken erstellt werden, mit dem du tägliche Aufgaben, Phasenfortschritt, Meilensteine und Lernressourcen festhältst.
Individueller KI-Lernplan
In der sich rasant verändernden KI-Ära fragen Sie sich vielleicht, wie Sie KI effizient lernen können? Der 'Individuelle KI-Lernplan' erstellt für Sie eine klare, umsetzbare KI-Lernroadmap. Er versteht Ihre Lernbedürfnisse, Ihren technischen Hintergrund und sogar Ihre möglichen Ängste tiefgehend und navigiert Sie wie ein einfühlsamer Technikmentor präzise. Durch intelligente Gespräche mit Ihnen erkennt dieses Skill nicht nur, ob Sie ein 'zielorientierter' Lerner, der systematisch lernen möchte, oder ein 'orientierungsloser' Lerner, der Richtung braucht, sind, sondern führt Sie auch sanft dazu, Ihre Lernrichtung und Ziele zu klären. Anschließend nutzt es Echtzeit-Internetsuche und strenge Ressourcenüberprüfung, um aus der riesigen Informationsflut die neuesten und autoritativsten Lernmaterialien zu filtern, einschließlich offizieller Dokumentation, hochwertiger Tutorials, aktiver Open-Source-Projekte usw., um sicherzustellen, dass Ihr Wissen aktuell und zuverlässig ist. Am Ende erhalten Sie einen strukturierten, umsetzbaren personalisierten Lernplan. Dieser Plan unterteilt die Lernziele in mehrere konkrete Phasen, jede mit klaren Lernzielen, kuratierten Ressourcen, überprüfbaren Abschlusskriterien und geschätzter Zeit. Noch besser: Der Plan enthält einen 'Mikroaktionsstarter', der Sie sofort zu einer 'so kleinen, dass sie nicht scheitern kann' Lernaufgabe führt, sowie personalisierte Mentale Aufbau-Tipps, um psychologische Hürden zu überwinden. Sie können diesen exklusiven Lernplan auch als Webseite exportieren, um ihn jederzeit und überall einzusehen und zu teilen, sodass Ihr KI-Lernweg voller Vertrauen und Motivation ist.
ForschungKI-Lern- & Verdienstplan
Maßgeschneiderte Roadmap vom KI-Lernen bis zur Monetarisierung für alle Kenntnisstufen – vom absoluten Anfänger bis zum professionellen Entwickler. Bietet gestaffelte Lernpläne (Anfänger/Fortgeschritten/Profi), Praxisprojekte, Monetarisierungsstrategien und generiert teilbare, visualisierte Webseiten. Egal, ob Sie KI-Tools erlernen, in die KI-Branche einsteigen, Ihre aktuelle Arbeitseffizienz steigern oder KI-Produkte entwickeln und ein freies Nebeneinkommen oder eine Karriere anstreben möchten – hier finden Sie den passenden Lernpfad.
Finde deine nächste Lieblingsfähigkeit
Entdecke weitere kuratierte KI-Fähigkeiten für Recherche, Kreativität und den Arbeitsalltag.