test-repo/docs-readme/de-DE/README.md

███████╗ █████╗ ███████╗██╗   ██╗    ██╗   ██╗██╗██████╗ ███████╗
██╔════╝██╔══██╗██╔════╝╚██╗ ██╔╝    ██║   ██║██║██╔══██╗██╔════╝
█████╗  ███████║███████╗ ╚████╔╝     ██║   ██║██║██████╔╝█████╗  
██╔══╝  ██╔══██║╚════██║  ╚██╔╝      ╚██╗ ██╔╝██║██╔══██╗██╔══╝  
███████╗██║  ██║███████║   ██║        ╚████╔╝ ██║██████╔╝███████╗
╚══════╝╚═╝  ╚═╝╚══════╝   ╚═╝         ╚═══╝  ╚═╝╚═════╝ ╚══════╝

Easy-Vibe : Lerne Vibe Coding von 0 auf 1

📌 Online lesen (Read Online) · ✨ Interaktives Tutorial

Online lesen · Lernkarte · Community

Exklusive Lernkarte für Anfänger Anleitung ohne Vorkenntnisse, klare Pfadplanung, Schluss mit "Lernen und Vergessen"

Schritt-für-Schritt-Grafik-Tutorial Detaillierte Erklärungen, als hätte man einen Privatlehrer an der Seite

Im Zeitalter der KI sind diejenigen, die Ideen in Produkte verwandeln, oft nicht die technisch stärksten, sondern diejenigen, die den ersten Schritt tun. Easy-Vibe wurde dafür geschaffen. Wir nehmen dich an die Hand, vom Schreiben deiner ersten Zeile Code bis zum Verständnis der Front-End- und Back-End-Logik und schließlich zum Start deines Produkts.

• Zielgruppe: Anfänger, Produktmanager, Front-End / Back-End / Full-Stack Entwickler
• Themen: KI-Programmierung, Full-Stack-Webentwicklung, KI-Agenten, Workflows und RAG-Systeme

---

Easy-Vibe führt dich durch folgende Phasen von 0 auf 1:

Wähle deinen Startpunkt entsprechend deinem Niveau:

• Anfänger / Product Manager: Beginne mit Stage 1, um Programmierdenken zu entwickeln und AI IDE für schnelles Prototyping zu beherrschen
• Entwickler: Beginne mit Stage 2, um tief in Full-Stack-Entwicklung und KI-Integration einzutauchen
• Fortgeschrittene Entwickler: Gehe direkt zu Stage 3, um Claude Code und Multi-Plattform-Entwicklung zu erkunden

Phase	Kernkompetenzen	Ergebnis
Stage 1	Lernkarte, KI-Programmierung Einstieg, AI IDE, Produktdenken, Prototyping, KI-Fähigkeiten Integration	Interaktive Minispiele, vollständige Produktprototypen
Stage 2	Full-Stack-Entwicklung, Datenbanken, KI-Integration, Deployment & Operations	Produktionsreife Full-Stack-KI-Anwendungen
Stage 3	Fortgeschrittener Claude Code, Multi-Plattform-Entwicklung	Multi-Plattform-Anwendungen auf Produktionsniveau
Anhang	Computer-Grundlagen, KI-Einführung, 9 Wissensbereiche	80+ interaktive Themen

🔥 Neuigkeiten

• [2026-03-02] 🦞 OpenClaw & AI Agent Unterstützung: llms.txt KI-Navigationsdatei hinzugefügt, die OpenClaw, Claude, Cursor, Trae und anderen AI Agents ermöglicht, die Repository-Struktur schnell zu verstehen und Tutorial-Inhalte präzise zu lokalisieren. Wir wünschen jedem 🦞 viel Lernspaß!
• [2026-03-01] Abschnitt Fortgeschrittene Entwicklung umfassend aktualisiert: Sieben detaillierte Claude Code Guides (MCP, Skills, Agent Teams, etc.) und acht Multi-Plattform-Entwicklungstutorials (PWA, Electron, NFT, VS Code Erweiterungen, Qt Industrieanwendungen, etc.) hinzugefügt.
• [2026-02-25] Anhang Wissensdatenbank aktualisiert, umfasst 9 Wissensbereiche und 80+ interaktive Themen.

Frühere Neuigkeiten

• [2026-01-16] Projekt-Restrukturierung, formelle Einrichtung des Kapitels "Einführung für Anfänger", Barrieren reduziert.
• [2026-01-14] Vollständiges Update der Stage 1 Dokumentation "Produktprototypen erstellen".
• [2026-01-13] Vollständiger Dokumentationsarchitektur-Aufbau, vollständige mehrsprachige Unterstützung (i18n).
• [2026-01-01] Start der Haupt-Lernkarte des Projekts.

📖 Navigation

📚 Anhang Wissensdatenbank

💻 Computer-Grundlagen • Vom Transistor zum CPU • Betriebssysteme • Datenkodierung, Speicherung und Übertragung • Netzwerke: Wie zwei Computer sprechen • Datenstrukturen • Einführung in algorithmisches Denken

🔧 Entwicklungswerkzeuge • Git: Die Zeitmaschine des Codes • Befehlszeile und Shell-Skripte • IDEs und VS Code • Browser-Entwicklerwerkzeuge • Paketmanager

💡 Web-Programmierung • HTML & CSS • JavaScript • DOM-Manipulation • Fetch API und asynchrone Programmierung • Frameworks (Vue/React)

I. Einstieg ohne Vorkenntnisse

Kapitel	Hauptinhalt	Status
Vorwort: Lernkarte	Navigation durch den Gesamt-Lernpfad	✅
Stufe 1: KI-Ära, Sprechen ist Programmieren	KI-Programmierung durch Beispiele erfahren	✅
Stufe 2: Großartige Ideen finden	Produktideen finden und validieren lernen	✅
Stufe 3: Einführung in AI IDE Tools	IDE verwenden, Spiele lokal erstellen	✅
Stufe 4: Prototypen praktisch bauen	Von Anforderungsanalyse zu Prototypen	✅
Stufe 5: KI-Fähigkeiten zu Prototypen hinzufügen	KI integrieren (Text, Bild, Video)	✅
Stufe 6: Vollständige Projektpraxis	Echte Szenarien simulieren, mit Feedback iterieren	✅

Anhang: Geschäftsdenken

Kapitel	Hauptinhalt	Status
Anhang A: Produktdenken und Lösungsdesign	Denkrahmen für Produktentwicklung	✅
Anhang B: KI-Anwendungsszenarien (B2B)	KI-Anwendungen in verschiedenen Branchen	✅
Anhang C: KI-Konsumentenszenarien Inspiration (B2C)	KI-Anwendungen in Konsumentenprodukten erkunden	✅

Anhang: Technische Lösungen

Kapitel	Hauptinhalt	Status
Anhang D: Was tun bei Fehlern	Häufige Fehler in Vibe Coding	✅
Anhang E: Vergleich von 7 KI-Programmierwerkzeugen	Vergleich der wichtigsten KI-Plattformen	✅
Anhang F: Website-Design mit Design- und Programmieragenten	Multi-Agent-Zusammenarbeit	✅

II. Mittlerer Entwickler

Frontend

Kapitel	Hauptinhalt	Status
Frontend 0: Assets mit Lovart	Visuelle Assets massenhaft generieren	🚧
Frontend 1: Einführung in Figma & MasterGo	Informationsarchitektur und Seitenstruktur organisieren	🚧
Frontend 2: Erste moderne App bauen - UI Design	Design-to-Code-Workflow mit Komponenten	🚧
Frontend 3: UI Design Specs & Multi-Produkt UI	Systematisches Multi-Produkt-Design	🚧
Frontend 4: Gemeinsam Hogwarts Portraits bauen	Frontend-App mit KI von Grund auf erstellen	✅

Backend & Fullstack

Kapitel	Hauptinhalt	Status
Backend 1: Was ist eine API	HTTP und Request/Response-Modelle verstehen	✅
Backend 2: Von Datenbank zu Supabase	DB und API auf Supabase implementieren	✅
Backend 3: KI-gestützte API-Code und Dokumentation generieren	Dokumentation und Code mit KI generieren	🚧
Backend 4: Git Workflow	Versionskontrolle und Git-Zusammenarbeit	✅
Backend 5: Deployment auf Zeabur	Anwendungen auf Zeabur deployen	✅
Backend 6: Moderne CLI-Tools	Entwicklung mit KI-CLI beschleunigen	🚧
Backend 7: Zahlungssysteme wie Stripe integrieren	Zahlung und Abwicklung integrieren	🚧
Projekt 1: Erste moderne App - Fullstack App	Vollständige Fullstack-Web-App erstellen	🚧
Projekt 2: Moderne UI-Bibliothek + Trae Praxis	Unabhängiges Produkt mit Auth und Zahlung	🚧

Anhang KI-Fähigkeiten

Kapitel	Hauptinhalt	Status
KI 1: Dify Einführung & Knowledge Base Integration	Utility-Produkte mit Dify & RAG bauen	✅
KI 2: KI-Wörterbuch & Multimodale APIs	Models/APIs finden und Multimodal integrieren	🚧

III. Fortgeschrittener Entwickler

Claude Code Kernfähigkeiten

Kapitel	Hauptinhalt	Status
Claude Code Schnellstart	Installation, grundlegende Operationen, Tipps und Befehle	✅
Claude Code MCP Vollständiger Guide	Claude Code über MCP mit GitHub, DB, APIs verbinden	✅
Claude Code Skills Vollständiger Guide	Wissen in wiederverwendbare Skill-Packs verpacken	✅
Claude Code Workflow Best Practices	Best Practices für tägliche Entwicklung, Refactoring, Code Review	✅
Claude Agent Teams Vollständiger Guide	Multi-KI-Zusammenarbeit wie echtes Entwicklungsteam	✅
Claude Code Superpowers Engineering-Entwicklung	Qualitätscode mit TDD schreiben	✅
Wie man Claude Code lange laufen lässt	Langfristige Aufgaben für kontinuierliche Arbeit entwerfen	✅

Multi-Plattform-Entwicklung

Kapitel	Hauptinhalt	Status
Wie man ein WeChat Mini-Programm baut	Mini-Programm-Ökosystem, von Template zum Launch	✅
Wie man WeChat Mini-Programm mit Backend baut	DB und Backend-Logik integrieren	✅
Android App Entwicklung	Einheitliche Android-Entwicklung mit Expo	✅
iOS App Entwicklung	Einheitliche iOS-Entwicklung mit Expo	✅
Wie man persönliche Website und akademischen Blog baut	Von Tech-Wahl bis Deployment, persönliche Seite bauen	✅
PWA Entwicklung	Progressive Web Apps mit Offline-Support bauen	🚧
KI Browser Extension Entwicklung	Chrome Extensions für Seiten-Zusammenfassung entwickeln	🚧
Electron Desktop App Entwicklung	Desktop App für Spracherkennung mit Electron bauen	🚧
Wie man schnell entwickelt und NFT mintet	Smart Contracts schreiben, auf Ethereum Testnet deployen	🚧
VS Code Extensions entwickeln	Extensions für KI-Projektassistenten entwickeln	🚧
Qt Industrieanwendungen entwickeln	HMI für industrielle Pumpenüberwachung mit Qt bauen	🚧

Anhang Fortgeschrittene KI-Fähigkeiten

Kapitel	Hauptinhalt	Status
Was ist RAG und wie es funktioniert	RAG und gängige Architekturen verstehen	✅
Mittleres RAG und Workflow-Orchestrierung: LangGraph	Mehrstufige Workflows und erweiterte RAG-Systeme entwerfen	🚧

🛠️ Wie man lernt

• Wähle Kapitel zum Lesen und Üben nach deinem Level. Zögere nicht, ein Issue für Fragen zu öffnen.

💻 Lokale Einrichtung

Moderner Weg

In einem AI IDE (VS Code, Cursor, Trae, etc.), verwende folgenden Prompt:

Bitte helfen Sie mir, den lokalen Dienst dieses Projekts auszuführen.

Traditioneller Weg

1. npm install
2. npm run dev
3. Öffne http://localhost:3000 in deinem Browser.

🤝 Beitragen

• Wenn du Probleme findest oder Vorschläge hast, bitte ein Issue eröffnen.
• Um beizutragen, bitte einen Pull Request einreichen.
• Wenn du ein neues Projekt mit Datawhale starten möchtest, folge dem Datawhale Open Source Projektleitfaden.

🙏 Dank

• Sanbu - Projektleiter (Datawhale Mitglied)
• Fang Ke - Berater (Datawhale Mitglied, Tsinghua Universität)
• Yerim Kang (Praktische Projekte - Tsinghua Universität)
• Zhao Zhilin (Praktische Projekte - Tsinghua Universität)
• Li Yixuan (Visuelles Design - Tsinghua Universität)
• Liu Siyi (Praktische Projekte - Tsinghua Universität)
• Alle Beta-Tester der AI Vibe Coding 101 Gruppe für ihr Feedback.

Besonderer Dank

• Danke an @Sm1les für Unterstützung und Hilfe.
• Danke an alle Mitwirkenden und alle, die diesem Projekt einen Stern gegeben haben ❤️

(Details siehe Online-Dokumentation oder Haupt-Repository)