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

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

Easy-Vibe : Lerne Vibe Coding von 0 auf 1

Direkt loslegen und gemeinsam viben - wenn du sprechen kannst, kannst du Apps bauen
Jump right in and vibe together — if you can talk, you can build apps.

📌 Online lesen (Read Online) · ✨ Interaktives Tutorial

Online lesen · Lernkarte · Community
Read Online · Learning Map · 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
Immersive Programmier-Simulation Virtuelle Mausführung hilft dir, die wichtigsten IDE-Abläufe schnell zu beherrschen	Sichtbare KI-Prinzipien Animierte Algorithmen zeigen auf einen Blick, wie KI Bilder erzeugt
RAG wie ein Spiel lernen Exklusive interaktive Komponenten machen den Datenfluss in RAG sofort verständlich	Visualisierte Terminal-Prinzipien Kommandozeilenlogik wird sichtbar und zeigt die Abläufe im Hintergrund intuitiv

⭐ Klicke hier für ein Star und beschleunige Updates ❤️

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-25] 📚 README mit der neuesten chinesischen Version abgeglichen: Der deutsche Einstieg wurde auf die aktuelle Einleitung, Lernnavigation und Inhaltsstruktur aktualisiert.
• [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.
• [2026-01-27] Tutorials zur Entwicklung von Android- und iOS-Apps hinzugefügt.
• [2026-01-19] Interaktive Demo-Komponenten zu Prompt Engineering, KI-Entwicklungsgeschichte, Authentifizierungsdesign und Git-Grundlagen veröffentlicht.

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

Umfasst 9 Wissensbereiche und 80+ interaktive Themen. Animationen und visuelle Komponenten helfen dir, Kernkonzepte von Computergrundlagen bis zur KI-Front intuitiv zu verstehen.

👉 Vollständigen Anhang ansehen · KI-Fähigkeiten-Wörterbuch

💻 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)