Claude Code für Produktmanager: Mit KI bauen und versenden

1. Codeeinleitung: Stellen Sie sich das jetzt für einen Moment vor. Sie sind ein Produktmanager. Sie haben eine Woche damit verbracht, eine zehnseitige PRD zu schreiben. Ihr Entwicklungsteam ist nicht wirklich daran interessiert, die PRD zu lesen Ihr Designteam hat die PRD durchgesehen, aber sie haben tatsächlich etwas geschaffen , das ganz anders ist Und am Ende fühlt man sich wie, Hmm. Die Leistung ist immer noch sehr schlecht. Aber hier ist die Wahrheit. Niemand interessiert sich wirklich für deine PRD Wenn Sie ein Produktmanager sind feststellen, dass Ihre Benutzer vor Problemen stehen, Sie mit einigen Benutzern gesprochen haben und der Meinung sind, dass Sie etwas sehr Interessantes entwickeln können , weiter und bauen Sie es Und wenn Sie ein echtes Produkt entwickeln wollen, müssen Sie in diesem Fall etwas über GlotCD wissen Und ja, da ist ein Kabel drin, aber dieses Tool ist nicht nur für Wenn Sie ein Produktmanager sind, der ein gutes Verständnis von Technologie hat , können Sie in diesem Fall GlotCD verwenden, um ein funktionierendes Produkt zu entwickeln, und dann können Sie Ihre Teammitglieder oder sogar Ihre Kollegen präsentieren , und Sie können einfach Feedback entgegennehmen und das Design schneller bis zur Prototypenphase iterieren Und Sie können dies tatsächlich Ihren Teammitgliedern und Ihren Stakeholdern präsentieren, und Sie können mehr Inputs einholen und diese Funktion schneller iterieren Und nach KI verwendet fast jeder einzelne Produktmanager diese KI-Tools wie Gerinnungscode und Antigravitations-Cursor, um Produkte tatsächlich schneller zu entwickeln Jetzt ersetzt man als Produktmanager nicht mehr den Techniker, sondern hilft ihm, schneller vom Prototyp zum fertigen Feature zu gelangen Prototyp zum fertigen Feature zu gelangen und spart 30 Punkte an Zeit Also, hey, ich bin Navdeep. Ich arbeite seit fast sechs Jahren als Produktmanager fast sechs Jahren Und in diesem Kurs werde ich Ihnen helfen zu verstehen, was Claude Code ist? Wie setzen Sie es effektiv ein? Und was kann man mit Claude Code bauen? Und ich weiß, dass die meisten von Ihnen keine Ingenieure sind und vielleicht kein wirklich gutes technisches Verständnis haben, aber das ist völlig in Ordnung. In diesem Kurs werde ich Sie vom Schreiben Ihrer ersten Aufforderung in Claude Code bis hin zur Erstellung und zum Versand des Produkts Dann können Sie den Link mit Ihrem Freund teilen, und er kann ihn einfach überprüfen, Ihnen Feedback geben und Sie können innerhalb weniger Stunden schneller iterieren , anstatt wochenlang auf das Design oder die tatsächlich implementierten Funktionen von Ihrem Entwicklungsteam. Also gehen wir Schritt für Schritt vor. Zunächst werde ich Ihnen helfen zu verstehen, wie Sie Lot Cod in Ihrem System installieren Lot Cod in Ihrem System und wie Sie Ihre erste Aufforderung schreiben. Und ich werde Ihnen einige grundlegende Anweisungen zu Kontexten geben , dem Modell, das Sie wählen sollten, wie Sie Plan verwenden, wie Sie Dinge implementieren. Und wo genau können Sie Ihr Produkt einsetzen , damit Sie es Ihren Teammitgliedern tatsächlich zeigen können. Und nicht nur das, ich werde Ihnen auch einen Workflow zeigen , mit dem Sie tatsächlich ein funktionierendes Produkt entwickeln können . Und wir werden eine Fähigkeit entwickeln, die Ihnen helfen kann, den gesamten Arbeitsablauf zu optimieren. Und rate mal was? Sie müssen nicht wissen, wie man einen Code schreibt , und Sie müssen nicht einmal eine einzige Codezeile schreiben, aber Sie benötigen eine grundlegende technische Grundlage. Wenn Sie also jemand sind, der schon immer ein Produkt entwickeln und zum Leben erwecken wollte und Sie möchten, dass es schneller von der Idee zum Produkt geht , dann ist dieser Kurs perfekt für Sie. Am Ende des Kurses werden Sie in der Lage sein, Ihre Idee in ein funktionierendes Produkt umzusetzen, das Sie versenden, den Benutzern zeigen, Feedback entgegennehmen und es weiterentwickeln können den Benutzern zeigen, Feedback entgegennehmen . Wenn Sie also jemand sind, der Lust hat, etwas Cooles zu entwickeln und Cloud-Code zu lernen , dann lassen Sie uns gleich loslegen 2. 1 Was ist Claude-Code?: Also, hey, alle zusammen. Dies ist unser erstes Video des Kurses, und in diesem Video werde ich Ihnen zeigen, werde ich Ihnen zeigen was Clot Code ist und wie Sie ihn genau installieren können Also werde ich einfach Clot Code Dogs schreiben und es wird mich auf die Dokumentationsseite von Cloud Code weiterleiten, und dann werden wir es in unserem System installieren Wenn Sie nun MacOAS verwenden, können Sie in diesem Fall Homebrew verwenden, um Claude Code auf Ihrem System zu installieren Wenn Sie Windows verwenden, haben Sie einen Die Hauptidee ist, dass wir eine Befehlszeilenschnittstelle oder CLI für Cloud-Code installieren , damit wir direkt über CLI mit Claude Code interagieren können. Das ist also die offizielle Dokumentation von Claude Code. Wenn Sie ein bis zwei Minuten auf dieser Seite verbringen, werden Sie viel mehr über Clot Code erfahren Und ich werde näher heranzoomen und Ihnen ein paar Dinge erklären. Wie Sie auf Ihrem Bildschirm sehen können, ist Clot Code ein agentisches Das heißt, es verwendet einen Agenten, um Ihre Codebasis zu lesen, Dateien zu bearbeiten, Befehle auszuführen, und es kann in Ihre Entwicklungstools integriert werden Und Claude Code ist auf Ihrem Terminal verfügbar. Wenn Sie also auf einem Mac sind Terminal eingeben, wird ein Terminal geöffnet. Dies ist ein sehr langweiliges Terminal, das die Leute heutzutage vielleicht häufig benutzen. Sie können Claude Code also in diesem Terminal verwenden. Sie können es in Ihrer IDE verwenden. Falls Sie also Cursor, VS-Code oder eine andere integrierte Entwicklungsumgebung verwenden VS-Code oder , können Sie diese verwenden. Sie haben eine Desktop-App und Sie können sie auch im Browser verwenden. Wenn Sie also zum Claude AI Slash Download gehen, können Sie sehen, wo genau Sie Claude verwenden können Sie können Claude also in Excel verwenden , indem Sie einfach ihre Erweiterung installieren. Sie können es in PowerPoint, Word verwenden. Sie haben unsere DixoApp. Sie können Claude Code innerhalb des Terminals in all diesen IDEs verwenden , JetBrain Tatsächlich können Sie dies auch von Slack aus tun. Und sie haben eine mobile App, die im App Store und Play Store erhältlich ist, und sie haben eine Chrome-Erweiterung In diesem Kurs konzentrieren wir uns also nur auf Claude Code , ihr agentisches Codierungstool, und wir konzentrieren uns nicht auf eine Claude-Chat-Oberfläche oder Claude-Kuh , bei der es eher darum geht, Ihre tägliche Arbeit in einer Excel oder einem anderen Plandokument zu in einer Excel oder einem anderen Plandokument So perfekt. Mal sehen, wie Sie Claude Code verwenden und installieren können? 3. 2 Wie installiere ich Claude-Code?: Sie können Claude Code also von diesem Terminal aus direkt in Ihrem Terminal verwenden . Sie können Claude Code in VSCode verwenden. VSCode ist also eine beliebte IDE von Microsoft. Sie können ihre Desktop-App installieren. Sie können es über den Webbrowser verwenden, und Sie können auch einige andere IDs verwenden. Die einfachste Möglichkeit, Claude Code zu verwenden oder in Ihrem System zu installieren, ist die Verwendung des Terminals. Sie können also die native Installation verwenden, bei der es sich einfach um einen Curl-Befehl handelt , um Claude Code zu installieren Und das ist ihr nativer Installer. Ich glaube, sie haben das NPM-Paket kürzlich entfernt. Sie können Claude Code auch mit Homebrew installieren. Homebrew ist ein einfaches Installationsprogramm auf dem Mac, und unter Windows Ich benutze Windows nicht. Ich hoffe, das funktioniert auch unter Windows. So perfekt. Ich werde eine native Installation verwenden, die unter Mac und Windows hervorragend funktioniert. Perfekt. Sie möchten das kopieren und in ein beliebiges Terminal Ihrer Wahl gehen Jetzt gibt es im Terminal einige Befehle, die sehr beliebt sind. Ich werde das Terminal vergrößern , sodass es für jeden sichtbar ist. Wenn Sie nun im Terminal sehen möchten, wo genau Sie sich gerade befinden, können Sie LS als Liste eingeben, und es zeigt Ihnen, wo Ihr Terminal geöffnet ist. Sie können also sehen, dass sich mein Terminal im Stammordner befindet, wo ich mein Lehrbuch, mein Dokument sehen kann Nehmen wir an, ich möchte einen Ordner im Dokument erstellen , in dem ich sicher mit Clot Code arbeiten kann Natürlich können Sie einfach CD eingeben, was ein Befehl ist, und den Ordner eingeben , auf den es zugreifen soll Und jetzt können Sie sehen, dass ich mich in der Dokumentenmappe befinde. Wenn Sie LS eingeben, werden alle Dokumente oder Unterordner in diesem Dokumentenordner angezeigt alle Dokumente oder . Sie können Cloud Code also überall installieren. Es ist eine globale Installation, also drücke ich Befehl V, um die Curl einzufügen , die wir aus der offiziellen Cloud-Dokumentation kopiert haben, und dann werden wir sie einfach installieren Auch hier können Sie Homebrew oder eine native Installation verwenden , um Claude Code zu installieren Dies sind nur zwei verschiedene Optionen. Sie machen nichts anderes. Es ist ein natives Installationsprogramm, das Ihnen lediglich eine CLI zur Verfügung stellt, über die Sie mit Claude Code sprechen können. Dies ist ein agentisches Tool und perfekt Jetzt können Sie sehen, dass der Claude Code installiert wurde Hier ist eine Version und hier ist ein Speicherort Unabhängig davon, von wo aus Sie installieren, wird er normalerweise global in Ihrem System installiert. Perfekt. Jetzt kann ich einen Ordner erstellen, Sie müssen sich nicht mehr all diese Befehle merken weil ich schon seit einiger Zeit mit Claude Code arbeite. Aber generell gilt: Wenn Sie ein Verzeichnis oder einen Ordner erstellen müssen , ist MKDIR ein sehr kurzer Bash-Befehl, und jetzt können Sie einen Ordner erstellen Ich werde es Cloud-Code nennen, weil ich einen Kurs über Cloud-Code erstelle Jetzt wird ein Ordner erstellt. Wenn Sie LS ausführen, was wieder im Ordner aufgeführt ist, werden Sie dort einen neuen Ordner sehen. Jetzt können Sie ihn einfach kopieren und CD eingeben, um in den Ordner zu gelangen. Perfekt. Ups, irgendwas stimmt nicht, oder ich vermisse das E am Ende Da. Jetzt bin ich also in diesem Ordner und perfekt. Wir können den Gerinnungscode initialisieren. Wenn Sie also zur Dokumentation zurückkehren, und dem Grund, warum ich Sie nur zur Dokumentation zurückführe, damit Sie verstehen, ob etwas schief geht oder wenn etwas nicht richtig passiert, wissen Sie, wo Sie debuggen müssen So perfekt. Sie können den Claude-Code auch mit der anderen Methode installieren, und dann können Sie Claude Code in jedem Projekt starten , indem Sie eine CD in Ihrem Ordner erstellen und dann einfach Cloud super simple eingeben. Sie können also einfach Claude eingeben und die Claude Code-Sitzung wird gestartet. Auch dies ist eine Sitzung. So perfekt. Jetzt hast du viel auf dieser Seite, und ich werde es Schritt für Schritt erklären. 4. 3 Einführung in die erste Claude Code-Sitzung: Es gibt also ein paar Dinge, die Sie zuerst verstehen müssen, wenn Sie Ihre vierte Sitzung in Cloud Code initialisieren Ihre vierte Sitzung in Ich bin also bereits bei Cloud Code angemeldet. In Ihrem Fall sind Sie möglicherweise ausgeloggt. Lassen Sie mich also zuerst abmelden und dann zeige ich Ihnen, wie Sie sich wieder anmelden. Wenn du Claude Code zum ersten Mal öffnest und Cloud eingibst, wirst du nach ein paar Dingen gefragt, wie: Hey, möchtest du einen dunklen oder einen hellen Modus haben und du kannst einfach die Pfeiltasten nach oben und unten drücken , um visuell zu sehen, welcher dir besser gefällt? Es gibt zum Beispiel einen hellen Modus, es gibt einen dunklen Modus, es gibt einen hellen Modus. Ich denke, Auto One sieht für mich aber gut aus. Es passt zu meinem Terminal und bietet Ihnen dann drei Optionen. Hallo, möchten Sie Claude Code mit Ihrem Abonnement verwenden, dem ich hoffe, dass 90% von Ihnen diese Option nutzen würden. Sie haben aber auch ein Enthropy-Konsolenkonto , bei dem es sich einfach um Ihre ABI-basierte Preisgestaltung handelt, und Sie haben Plattformen von Drittanbietern wie Badock, Microsoft Foundry In meinem Fall verwende ich das Claude Code-Abonnement. Ich werde darauf klicken und dann werde ich eine Erdverbindung herstellen, ich werde es eine Erdverbindung herstellen, einfach autorisieren und perfektionieren Jetzt haben wir es. Claude Code ist jetzt einsatzbereit. Perfekt. Ich drücke die Eingabetaste und dann wird mir ein Sicherheitshinweis angezeigt. Ich werde erneut Entero drücken und es heißt: Hey, möchten Sie das Claude-Code-Terminal-Setup verwenden oder möchten Sie einige Einstellungen ändern Natürlich werden wir uns etwas später mit den Einstellungen befassen , aber lassen Sie mich Ihnen erklären, was Sie auf Ihrem Bildschirm sehen können , was genau ist das? Ich glaube, ich habe ein Plugin installiert, das dir mehr Einblick in einen normalen Cloud-Code gibt . Das siehst du vielleicht nicht. Ich denke, die Benutzeroberfläche ändert sich auch viel mehr. Wenn Sie sich dieses Video nach vier, fünf oder sechs Monaten ansehen, finden Sie möglicherweise eine völlig andere Oberfläche ganz neues Modell. Ich nehme dieses Video ab dem 14. Mai auf. Ich hoffe, wenn du es dir bis zum Jahresende ansiehst, wirst du vielleicht ein anderes Interface finden. Perfekt. Jetzt können Sie die Versionsnummer von Claude Code sehen. Ich bin auf Version 2.1 0.141. Dies dient lediglich dazu, sicherzustellen, dass Sie jetzt die neueste Version verwenden können , wann immer Sie sie verwenden Und wann immer Sie diesen Bash-Befehl verwenden, wird eine neueste Version auf Ihrem System installiert . Da steht: Willkommen zurück Jetzt kann ich mein Modell Opus 4.7 mit 1 Million Kontextfenstern sehen , und mein Modus ist extra hoch Und ich bin bei Claude Mx Plan. Sie können einen 20-Dollar-Plan nehmen, wenn Sie das möchten. Und ich bin im Ordner Claude Code mit dem Schrägstrich. Perfekt. Es zeigt mir also auch, was in Claude Code neu ist. Darüber musst du dir keine Sorgen machen. Das sind oft kleine Veröffentlichungen hier und da. So perfekt. Lassen Sie mich Ihnen nun helfen, einige Dinge im Cloud-Code zu verstehen. Jede einzelne Cloud-Sitzung hat einen Kontext. Sie können sehen, dass mein aktueller Kontext 0,0 ist. Ich werde einfach fragen, hey, bist du. Und es wird mir etwas antworten und Sie werden dann sehen, dass dieser Kontext langsam füllt. Allein mit dem Hoch ist der Kontext um 3% weg. Nun, das sind Kosten, über die Sie sich keine Gedanken machen müssen , weil ich ein Abonnement habe, und das ist Ihre Sitzungsdauer seit wann läuft eine Sitzung? Ich empfehle Ihnen dringend, an derselben Sitzung teilzunehmen, damit Sie einen guten Überblick haben. Es geht also darum, wie Sie Claude Code installieren und wie initialisieren Sie ihn Im nächsten Video werde ich Ihnen alle Einstellungen in Claude Code erklären alle Einstellungen in und wie Sie sie genau verwenden 5. 4 ghostty ein neues Terminal: So perfekt. In diesem Video zeige ich Ihnen alle Einstellungen , die es in Claude Code gibt. Und um ganz ehrlich zu sein, müssen Sie sich darüber keine Gedanken machen , da Sie sie in den meisten Fällen möglicherweise nicht verwenden. Aber ich erkläre Ihnen das nur, weil Sie eine solide Grundlage haben sollten , falls Sie die Dinge selbst überprüfen möchten. Wenn Sie also in Claude Code einen Schrägstrich eingeben, stehen Ihnen viel mehr Optionen zur Verfügung Der Grund, warum ich Ihnen zeige, wie Sie Claude Code in Ihrem Terminal und nicht in Ihrer Desktop-App verwenden in Ihrem Terminal und nicht in Ihrer Desktop-App Das liegt daran, dass Sie alles sehr roh sehen können und es einfach zu bedienen ist. Tatsächlich würde ich Ihnen empfehlen, ein neues Terminal zu installieren , das viel besser ist als das native Terminal, und der Name dieser App ist Costi Lassen Sie mich das sogar schließen, das Terminal, das ich benutzt habe Lass mich Claude in Kosti einsetzen. Ich gebe einfach quit ein und schon wird die CLI beendet Meine CLI oder die Claude-CLI wurde jetzt beendet. Wenn ich Clear tippe, ist alles weg. Jetzt werde ich Claude Code in Kosti verwenden. Wenn Sie CLI nicht verwenden möchten, können Sie einfach zum Dokumentenordner gehen, in Ihren Claude Code-Ordner gehen oder einfach mit der rechten Maustaste darauf klicken und sagen: Hey, ich möchte hier ein neues Osti-Fenster öffnen Wie Sie sehen können, habe ich jetzt so viele verschiedene Terminaltypen Ich habe mein natives Terminal, ich habe Warp als anderes Terminal in meinem System installiert Ich habe STI und CMAC. In Ihrem Fall finden Sie nur diese beiden Optionen. Und wenn Sie Osti installieren, finden Sie diese beiden weiteren Optionen Ich habe vier verschiedene Arten von Terminals, also bin ich vielleicht ein bisschen besessen von Terminal, denke ich. Es ist perfekt Lassen Sie mich ein wenig heranzoomen, damit Sie alles sehen können, und wir geben LS ein, um die Liste zu sehen. Wo genau sind wir ? Und dann gebe ich Claude Code , um in den Ordner zu gehen. Ich kann nicht in den Ordner gehen. Oh, ich bin schon im Claude Code-Ordner. Wenn Sie tatsächlich zurückkehren möchten, geben Sie einfach CD Double Dot ein, und schon verlassen Sie Ihren Ordner wieder . Also werde ich wieder in Claude Code reingehen , weil ich einfach rausgekommen bin und perfekt geworden bin. Jetzt kann ich Clear eingeben und alles löschen. Und um Claude zu initialisieren, gebe ich Claude ein. Perfekt. Jetzt kannst du Claude in deinem CSTE sehen, was ein sehr, sehr besserer Dominostein ist Wie Sie sehen können, sind die Dinge klarer und knackiger . Sie sehen toll aus Ich zoome ein bisschen heraus. Da hast du's. Das ist dein Claude Code. 6. Konfiguration mit 6 Klauseln: Ich habe Ihnen all die verschiedenen Optionen erklärt , die ich in Claude Code habe. Sobald Sie Slash eingeben, werden Sie eine Reihe dieser Optionen sehen Und wenn ich Claude Code zum ersten Mal lerne, denke ich, wow, was genau ist das? Ich habe keine Ahnung, was dort vor sich geht. So perfekt. Ein guter Einstieg besteht darin, einfach einige Konfigurationen in Cloud-Code zu lernen. Ich gebe Slash Config und es öffnet das Konfigurationsfenster für mich Nun, das ist sehr einfach zu verstehen, und ich werde vielleicht 5 Minuten damit verbringen, Ihnen die wichtigsten Dinge zu erklären und mich auszuruhen, Sie können einfach alles selbst lernen Der erste ist Autocompact. Nun, das muss in den meisten Fällen zutreffen. Die automatische Komprimierung ist eine Funktion, die Claude so gebaut hat, dass er, sobald der Kontext voll ist, den Kontext komprimieren und dann von vorne beginnen kann. Kontext ist ein temporäres Gehirn, in dem die Kommandozeile (CLI ) Ihre gesamte Codebasis und Ihre Befehle speichert und auf der Grundlage dieser Anweisung ausführt Sobald das Gehirn voll ist, muss es diesen Speicher komprimieren , und genau das ist Autokomprimierung Als Nächstes wird Band gezeigt . Das ist wahr. Du kannst Trinkgeld haben. Redish Motion ist im Grunde eine CLI-Funktionalität , sodass sie nicht flackert Ich werde dir die wichtigsten Dinge darin erzählen , weil wir sonst Stunden hier verbringen werden Der Denkmodus ist im Grunde eine Art, wie Claude denkt. Willst du das auf der Benutzeroberfläche sehen oder nicht? Sofortiger Vorschlag: Wenn Sie etwas eingeben, möchten Sie, dass Claude Ihnen mit verschiedenen Vorschlägen hilft , damit Sie Ihre nächste Eingabeaufforderung besser schreiben können? Lassen Sie mich sehen, was sonst noch wichtig ist. Standard-Berechtigungsmodus. Arbeitsbaum ist ein eigenständiges Konzept , das ich Ihnen erläutern werde. Dann gibt es eine automatische Stimmung, die alles automatisch genehmigt. Lass dich ignorieren. Ich denke, es gibt noch viel mehr Dinge, die ich Ihnen im Laufe des Kurses erklären kann . Und lassen Sie mich Ihnen die wichtigsten Dinge erklären. Wenn Sie in Ihre Konfiguration gehen, können Sie die Tabulatortaste drücken, um von den Einstellungen zur Konfiguration und zur Nutzung zu den Statistiken zu gelangen . Lassen Sie mich Ihnen ein paar Dinge zeigen, die wichtig sind. Wenn Sie sich also den Status ansehen, können Sie Ihre Versionsnummer, die Sitzungen, an denen Sie gerade teilnehmen, die Anmeldemethode, die Organisation und andere grundlegende Details sehen die Sitzungen, an denen Sie gerade teilnehmen, die Anmeldemethode, die Organisation . Ich glaube, ich werde diese Information verstecken. Wenn Sie sich die Konfiguration ansehen, ist dies die unterschiedliche Konfiguration , die Sie an Ihre Anforderungen anpassen können. Die Standardeinstellung ist großartig, also werden wir sie nicht anfassen. Ich werde Ihnen erklären, was genau der Kompaktmodus, Denkmodus und alles andere ist, was in der Konfiguration enthalten ist. Dann hast du die Nutzung, die anzeigt, wie viel Claude du in deinem aktuellen Fünf-Stunden-Limit oder dem Wochenlimit verbraucht hast. Es zeigt Ihnen also Ihr wöchentliches Limit für alle Modelle, das Sonnet-Modell, das vor Kurzem auch Clot Design auf den Markt gebracht hat Dann zeigt es dir die Übersichtsstatistiken. Wie Sie sehen können, habe ich im April und Mai viel Cloud-Code verwendet, und es zeigt mir, dass mein Lieblingsmodell Opus 4.7 ist, das neueste Das ist der gesamte Token, den ich verbraucht habe, also nur die wichtigsten Statistiken Also werde ich das hinter mir lassen und dir helfen, die Dinge zu verstehen, indem ich sie baue. Anstatt also mehr Zeit damit zu verschwenden , Ihnen zu erklären, was diese Konfigurationen sind, lassen Sie uns tatsächlich etwas bauen und dann werden wir es verwenden 7. 23 Claude gegen Codex und Cursor: Bevor wir mit dem Kurs fortfahren, möchte ich, dass Sie etwas behandeln, das sehr wichtig ist Im Moment können Sie Claude Code also nur verwenden , wenn Sie ein Abonnement haben. Ihr Abonnement beginnt also bei 20 USD pro Monat und kostet 200 USD pro Monat, je nachdem, wie Sie es nutzen Jetzt habe ich persönlich Abonnement für maximal 100$, aber ich verstehe Viele von Ihnen wollen nicht wirklich 20$ bezahlen, nur um Claude Code zu verwenden Also werde ich Ihnen ein paar Alternativen zeigen , die Sie verwenden können, und Sie werden mit diesen Alternativen genau dasselbe tun können mit diesen Alternativen genau dasselbe Die erste Alternative ist Codex. Jetzt hat Codex einen kostenlosen Plan, mit dem Sie ihren Codierungsagenten nutzen können , ohne viel Geld zu bezahlen Jetzt haben sie einige andere Pläne, wie zum Beispiel einen Startplan in Indien , der dich nur 400 Rupien kostet Sie haben einen Plus-Plan, der etwa 20$ kostet, und sie haben auch einen 100-Dollar-Plan Wenn Sie also jemand sind diese KI-Codierungsagenten nur ausprobieren wollte, dann ist Chat GPT ein guter Anfang Sie bieten Ihnen eine begrenzte Codex-Nutzung mit einem kostenlosen Tarif, und ich schätze, wenn Sie nur etwas sehr Kleines bauen möchten, nur um mit diesen KI-Codierungsagenten zu experimentieren, dann können Sie Codex CLI verwenden, einfach auf Codex klicken und dann müssen Sie Das wird genauso funktionieren, genau wie Claude, und ich werde dir zeigen, wie du Codex benutzt, genau wie Claude Code. Gehen Sie also einfach zur Entwicklerdokumentation, klicken Sie auf die CLI, und Sie können die Codex-CLI installieren und sofort damit beginnen, sie zu verwenden Dies ist die erste Alternative. kostenlose Kontingent von Codex ist sehr großzügig und Sie können ein paar Dinge ganz alleine bauen Eine weitere Option oder Alternative zu Claude und Codex ist Open Jetzt ist Open Cod sehr beliebt, weil es Open Source ist. Jetzt können Sie alle gängigen Modelle innerhalb von OpenCD verwenden, alle gängigen Modelle innerhalb von z. B. Kimi k Two, Quin Model, Deep Seek Modell und sie haben auch OpenAI und das anthropische Modell und sie haben auch OpenAI und Wenn Sie auf deren Preisseite gehen, können Sie Open Cord tatsächlich kostenlos nutzen oder sie haben ihren Plan ab 5$ für haben ihren Plan ab 5$ Wie jeder andere Programmieragent haben sie auch eine CLI, sodass Sie einfach zu ihren Developer Dogs gehen, auf CLI klicken und OpenCOD installieren und sofort verwenden können All diese KI-Codierungsagenten sind wirklich gut, und ich kann keinen großen Unterschied feststellen, als ich Claude gegenüber Codex und Open Cod verwendet habe Das ist also die dritte Alternative, die Sie haben. Der vierte ist Cursor. Jetzt ist Cursor eine IDE. Das heißt, Sie können Cursor in Ihrem System installieren. Aber wenn Sie ihre CLI verwenden möchten, nun, sie haben auch eine CLI. Sie können einfach weitermachen, ihre CLI installieren und sie verwenden. In diesem Video werde ich mich für Codex entscheiden, weil ich der Meinung bin kostenlose Kontingent von Codex Codex ziemlich großzügig ist und viele Leute es tatsächlich kostenlos nutzen können Und sie haben wirklich gute Grenzen. Ich werde auf CLI klicken und die CLI installieren. Sie öffnen also ein beliebiges Terminal, Sie können einfach Ihr natives Terminal verwenden oder Sie können unser Terminal wie Cost , das ich in meinem System installiert habe. Sie können Codex CLI einfach global installieren, indem Sie einfach NPMIglobal eingeben und OpenAI Codex installieren. Sie können ihre CLI installieren und dann können Sie Codex eingeben, um ihre CLI installieren und dann können Sie Codex eingeben das einfach zu starten, und ja, wenn Sie aufgefordert werden, sich anzumelden, geben Sie einfach Slash Login, geben Sie einfach Slash Login, Schrägstrich Logout zum Anmelden und Logout ein, und Sie können das Modell ändern, indem Sie Slash Model Nun, wenn du Codex verwendest, empfehle ich dir, das neueste Modell zu verwenden, aber den Aufwand oder die Argumentation auf mittel zu reduzieren , damit du dein Limit nicht wirklich schnell ausschöpfst. Und schalte auch den Schnellmodus aus, falls er aktiviert ist. Wenn Sie also sehen, dass es einen Schnellmodus gibt, können Sie ihn einfach ausschalten. Geben Sie einfach Slash Fast ein und Sie können den Schnellmodus ausschalten. Und jetzt können Sie anfangen, Codex wie jeden anderen Codierungsagenten zu verwenden , egal ob es sich um Clot-Code oder Open Code oder Cursor-CLI handelt, alle sind exakt gleich Selbst wenn ich nur etwas für dich eintippe, kannst du tatsächlich Schrägstrich eingeben und du wirst eine Menge Optionen sehen, die genau wie bei Claude identisch sind Mit Slash Model haben Sie Zugriff auf alle Modelloptionen, die Sie haben Mit der Slash-Berechtigung können Sie die Codex-Berechtigung bearbeiten. Slash-Erinnerungen, Sky-Slash-Fähigkeiten, Hoax-Überprüfung. Die meisten Features und Funktionen, was auch immer in Claude Code enthalten ist, werden exakt dieselben sein Ich empfehle Ihnen, HatGPTS Codex zu verwenden , wenn Sie jemand sind, der nicht wirklich für Cloud bezahlen möchte Und Sie können auch ein paar andere CLIs ausprobieren . Cursor bietet Ihnen im kostenlosen Tarif ein wirklich gutes Limit Cursor hat also auch ein großzügiges kostenloses Kontingent. Perfekt. Ich gebe den Schrägstrich Quid ein, um Codex zu schließen, oder den Schrägstrich Logout, um mich einfach gleiche Weise können Sie einfach das CLI-Dokument von Open Cod öffnen und es installieren Sie können dasselbe auch mit Cursor tun. Perfekt. Auf diese Weise können Sie jede Cloud-Alternative nutzen wenn Sie nicht wirklich zahlen möchten. 8. 7 erster Chat mit Claude-Code: So perfekt. Sie also etwas in Claude Code erstellen, müssen Sie verstehen, dass es ein Codierungsagent ist. Das bedeutet, dass er eine Menge Dinge für Sie erledigen kann, aber Sie müssen sie spezifizieren und genehmigen und dieses Modell steuern, um das gewünschte Ergebnis zu erzielen Das heißt, wenn Sie ihm etwas geben, wird es hervorragende Arbeit leisten, wenn Sie alles spezifizieren und es in die richtige Richtung lenken Fangen wir also damit an, eine kleine To-Do-App zu erstellen. App, die wir fast alle benutzt und gebaut haben. Also werden wir eine Todo-App mit Clot Code erstellen. Jetzt gibt es zwei Möglichkeiten, wie Sie sie erstellen können. Entweder du kannst einfach eingeben: Hey, kannst du mir helfen, eine Todo-App zu erstellen Jetzt gibt es noch eine weitere nette Funktionalität , die Claude Code in ihrer CLI hat Wenn Sie die Leertaste auf Ihrer Tastatur gedrückt halten, müssen Sie nichts eingeben. Sie können tatsächlich sprechen und es wird es für Sie eingeben. Also werde ich ihm die Audioerlaubnis geben. Kannst du es für mich bauen? Ups, es wurde kein Mikrofon erkannt, oder ich habe das Problem Ich verwende also mein Macbook Pro in einem geschlossenen Modus und habe mein Display angeschlossen, und habe mein Display angeschlossen sodass es das Mikrofon nicht erkennt, aber Sie können es einfach von Ihrem eigenen System aus tun Tatsächlich verwende ich eine andere Voice-to-Text-Funktion. Ich verwende Whisper Flow, also kann ich das auch verwenden. Oh, gleiches Problem. Ich glaube, der Deckel ist geschlossen, und deshalb kann ich nichts aufnehmen. Es ist völlig in Ordnung. Wir müssen es abtippen. Also werde ich ihm einfach eine Frage stellen und mal sehen, wie er reagiert und was fragt er? Wenn Sie also genau hinschauen, bedeutet das, dass Sie meine Aufforderung mit besonders hohem Aufwand durchdenken. Und das, was Sie auf Ihrem Bildschirm sehen, ist ein Denkmodus. Das heißt, es zeigt mir, was es denkt und wie genau es denkt. Sobald ich etwas getippt habe, werden mir, anstatt eine Antwort zu geben, eine Menge Fragen gestellt, was wirklich gut ist Cloud Card ist wirklich gut darin, Kompromisse zu verstehen. Das heißt, wenn es fünf verschiedene Möglichkeiten gibt , etwas zu bauen, wirst du genau gefragt: Hey, ich habe diese drei Optionen. Du hilfst mir zu verstehen , welcher für dich gut ist. Zum Beispiel heißt es, hey, wie sollte die Todo-App die Daten speichern Speichert sie die Daten im lokalen Speicher? Das heißt, Sie öffnen diese Todo-App einfach in Ihrem System und sobald Sie sie aktualisieren, sind die Daten weg Der Grund, warum es heißt, dass dies ein empfohlener Weg ist, liegt darin, dass meine Aufforderung sehr allgemein war Ich habe nichts darüber spezifiziert , welche Tex-Technologie Sie verwenden sollten, wie Sie sie bauen sollten, welche Merkmale und Funktionen wir haben sollten? Wie sieht mein Login, meine Authentifizierung und mein Speicherplatz aus? Da ich nichts spezifiziert habe, stellt es mir eine Reihe von Fragen wie: Hey, möchten Sie den lokalen Speicher verwenden , also den Kundenstandort, und sobald Sie die Aktualisierung durchführen, sind Ihre Daten weg. Möchten Sie Vercel verwenden, um es bereitzustellen, Post Cress für die Datenbank, oder möchten Sie es im Arbeitsspeicher haben Jetzt. Das ist nur eine Demonstration. Ich möchte offensichtlich nicht etwas bauen, das nur auf einer so kleinen Aufforderung basiert. Aber lassen Sie uns die ganze Frage überprüfen. Ich werde Schritt drücken, um zur nächsten Frage zu gelangen. Dann fragt es mich: Hey, welches Styling möchtest du verwenden? Möchten Sie Tailwind verwenden, eine CSS-Methode , um Ihre App zu gestalten Möchten Sie die SAD SN-Komponente verwenden, einfaches CSS, und dann muss ich sie einreichen Jetzt werde ich natürlich Escape drücken. Wie Sie sehen, heißt es dort, können Sie Tab und Pfeil auswählen, um zu all diesen Fragen zu navigieren oder Sie können Escape drücken, um den Vorgang abzubrechen. Natürlich werde ich Escape drücken, weil das eine zu kleine Aufforderung ist, etwas zu bauen. Wenn Sie also die Escape-Taste drücken, ist das alles weg. Da hast du's. Es heißt, dass der Benutzer es abgelehnt hat, die Frage zu beantworten. Perfekt. Jetzt gebe ich dieselbe Eingabeaufforderung ein und wenn Sie das tun möchten, können Sie entweder kopieren und einfügen oder Sie können Aero-Taste drücken, wenn Sie sich im Terminal befinden Da hast du's. Jetzt werde ich eine Frage stellen. Sag mir einfach, ob du kannst oder nicht. Nun habe ich ausdrücklich erwähnt, ob Sie etwas bauen können oder nicht Wenn ja, was ist die beste Option? Nun, der Grund, warum ich eine offene Frage stelle, ist, dass ich möchte, dass Claude mir auch innerhalb der Claude Code-Sitzung beim Brainstorming meines Problems hilft . Perfekt. Nun, wenn Sie die Antwort sehen: Hey, das ist die Texttechnologie, die ich Ihnen empfehlen werde, Nextes zu verwenden, was einfach ein Framework ist, das auf React und Rückenwind und SACN und Local Stories aufsetzt Rückenwind und SACN und Local , um schnell eine ausgefeilte ToDo-App für Sie zu erstellen, möchten Sie, dass ich Wenn Sie jetzt aufmerksam lesen, haben die meisten PMs keine Ahnung, was nächstes Jahr als App-Router kommt, was Tailwin ist, was SAT CN ist, was lokaler Speicher ist. Und das müssen Sie nicht wirklich wissen. Dies ist nur das Frontend-Framework, aber Sie benötigen eine grundlegende technische Grundlage dafür, welche Elemente Ihre To-App haben wird. Und dazu müssen Sie einen Planmodus verwenden. 9. 8 Tarifmodus im Cluade-Code: Also werde ich den Planmodus verwenden. Also perfekt. Jetzt stelle ich eine sehr einfache Frage. Können Sie weitermachen, einen Plan für mich erstellen und die Studio-App erstellen, die ich jeden Tag in meinem Browser verwenden kann? App sollten Anmeldung, In der App sollten Anmeldung, Registrierung und andere grundlegende Funktionen vorhanden sein. Stellen Sie mir einfach eine Frage, Stellen Sie mir einfach eine Frage wenn Sie tatsächlich frei haben Und ich werde einfach die Eingabetaste drücken. Nun, wenn Sie genau überlegen, habe ich erwähnt, dass Sie einen Plan erstellen. Jetzt hat Claude einen Planmodus , der Sie in ihren Plan einführt. Es wird zuerst einen Plan erstellen, um Genehmigung bitten und erst dann wird es mit der Erstellung beginnen. Denken Sie daran, dass das Problem mit dem obigen Ansatz darin besteht , dass direkt mit der Erstellung der Studio-App begonnen wurde. So perfekt. Jetzt ist es in den Planmodus gegangen, hat einen Plan für mich erstellt und dann wird es mich fragen, ob ich diese App für Sie mit diesem Plan erstellen soll oder nicht. Also erstellt es jetzt einen Plan. Es hat ihn noch nicht abgeschlossen. Wie Sie sehen können, hat es den Text ganz alleine entschieden. Und natürlich können wir darüber diskutieren, warum es den Textck ausgewählt hat , der für den Gerinnungscode am wünschenswertesten ist Wie im nächsten Jahr ist es ein Battle Test für das Frontend. Drizzle ORM ist in letzter Zeit sehr beliebt. PostCRS ist die am meisten nachgefragte Datenbank . Es verwendet einen Oath-Anbieter, und wie Sie sehen können, ist dies Ihr Textag, das ist Ihre Authentifizierungsebene Es verfügt über Registrierung, Anmeldung, Abmeldung, geschützte Route, Datenbank, Benutzeroberfläche und kann Dinge für Sie bereitstellen Es macht viele Dinge. Und wenn ich keine technische Person bin, wäre meine erste Frage: Hey, ich habe absolut keine Ahnung davon, aber lassen Sie mich das trotzdem durchlesen und sehen, was Claude mir vorgeschlagen hat. Es heißt, dass für die Kombination von Authentifizierung und Datenbank dies die größte architektonische Wahl ist. Wählen Sie also sorgfältig eine aus. Möchten Sie die Clerk- oder Neon-Datenbank verwenden oder möchten Sie Super Base verwenden Dies sind zwei verschiedene Kombinationen. Ich als technisch nicht versierter Mensch habe also keine Ahnung, aber ich werde trotzdem das auswählen, was Claude mir vorgeschlagen hat. Die erste Option ist also Clerk für die Login-Authentifizierung und Nein , als Datenbank auszuwählen Nehmen wir an, ich wähle die erste Option, dann mache ich es für V One einfach in meinem Plan fest und lass uns einen Plan erstellen Auch hier habe ich die Frage schnell beantwortet, weil ich den Plan sehen wollte und dann entscheiden werde ob ich die Dinge ändern möchte oder nicht. Also sage ich, geh in den Planmodus. Und erstelle einen Plan für mich. Und dann werde ich diesen Plan genehmigen. Der Planmodus ist also ein sehr beliebter Modus. Wenn Sie im Claude Code-Terminal Plan eingeben, wird Ihnen angezeigt, dass Sie einen Planmodus für Ihre aktuelle Sitzung aktivieren und die Dinge besser planen können , weil niemand einfach möchte, dass EI-Agenten anfangen, Dinge auszuführen, ohne das Geschäft, die Technik und den Kompromiss zu verstehen . Wie Sie also sehen können, denkt die Cloud gerade mit. Sie verwendet ständig Eingabe - und Ausgabetokens und ja. Es gibt dir also auch den Denkprozess wie: Hey, es gibt keine Codebasis, die du erkunden könntest. Ich springe direkt zum Plan und verwende diesen Text So perfekt. Wie Sie sehen können, wurde ein Plan für Sie erstellt und dieser Plan im NOI dot Claude-Plan enthalten, und Sie können diesen Preisnachlass tatsächlich sehen , wenn Sie in diesen speziellen Ordner gehen Sie können sogar darauf klicken, indem Sie die Befehlstaste drücken , und wir öffnen diese interne ID, falls Sie sie installiert haben Wie Sie sehen können, ist dies ein Plan, den ich in meinem Operationsterminal sehe. Das ist also eine Markdown-Ansicht und wie Sie sehen können, hat sie einen guten Plan für mich geschrieben Ich werde das schließen, weil Sie möglicherweise kein B-Terminal haben, und ich werde das hier lesen. So perfekt. Das ist dein Plan, den Claude entworfen hat. Wie Sie sehen können, ist dies ein Plan Ihrer Todo-App, den Sie mit Authentifizierung erstellen Sie möchten also eine Todo-App erstellen, die Sie in Ihrem Browser öffnen und täglich verwenden können Es hat Anmeldung, Anmeldung, Anmeldung und alles andere Wir verwenden Clerk zur Authentifizierung, Neon PosCRSF-Datenbank Und wie Sie sehen können, ist dies Ihr Textag, den es automatisch ausgewählt hat , und dann können Sie sehen wie es die Dinge schrittweise aufbauen wird Zuerst wird es alles wie die neuesten Pakete, Frameworks und Bibliotheken installieren , nächstes Jahr wird es das SAD CNF-Frontend installieren und ENVs initialisieren, nächstes Jahr wird es das SAD CNF-Frontend installieren und ENVs initialisieren in denen Sie einfach Ihren Wert eingeben können , und dann wird es in der zweiten Phase beginnen, eine Authentifizierung mit Clerk zu erstellen Clerk ist einfach Ihre Infrastrukturplattform zur Identitätsprüfung Infrastrukturplattform zur Identitätsprüfung , mit der Sie Anmeldung, Registrierung und alles andere erstellen können Anmeldung, Registrierung Dann können Sie sehen, dass es dann Ihre Datenbank aufbaut, einige Serveraktionen erstellt, sodass es einfache Operationen ausführen kann, d. h. Ihre Aufgaben erstellen, lesen , aktualisieren und löschen, und dann wird es Ihre Benutzeroberfläche oder Schnittstelle erstellen , und schließlich wird es es polieren und dann irgendwo bereitstellen, sodass Sie es verwenden können So perfekt. Es sieht toll aus. Jetzt können Sie tatsächlich eine dieser drei Optionen wählen , sobald Sie Ihren Plan gelesen haben. Nehmen wir an, ich möchte einige Änderungen an dem Plan vornehmen, also hey, ihn nirgends implementieren. Lassen Sie mich es zuerst testen. Ich werde also sehen, wenn Sie mit Ihrer Entwicklung fertig sind , stellen Sie sie nicht bereit. Führen Sie es lokal aus. Das heißt, bevor ich etwas in einer Cloud bereitstelle, möchte ich es zuerst überprüfen. Rest sieht alles gut aus. Ich nehme also Änderungen am Plan vor, bevor der Plan tatsächlich umgesetzt wird. Die erste Option war also, hey, mach einfach weiter. Gehen Sie in den Automode und beginnen Sie mit der Implementierung. Die zweite Option war, hey, mach weiter und implementiere es, aber ich werde die Bearbeitung manuell genehmigen Die vierte Option ist, hey, nimm diese kleine Änderung vor und gib mir den Plan erneut. Ich möchte also, dass es einige Änderungen vornimmt und es wird wieder ein Plan erstellt. Also perfekt. Also du kannst diese roten und grünen Linien sehen. Rot ist das, was es entfernt hat, und Grün ist das, was es hinzugefügt hat. Jetzt, gerade, aktualisiere ich meinen Plan, also entfernt er Dinge aus dem Plan und fügt neue Dinge hinzu, basierend auf meinen Anweisungen, die ich gegeben habe. Und großartig. Jetzt heißt es, hey, das beabsichtigte Ergebnis ist, es zuerst lokal auszuführen , damit der Benutzer es sehen und dann später Dinge tun kann . Es ist perfekt. Ich habe zwei Möglichkeiten. Ich kann entweder Automde verwenden , wo es einfach alles genehmigt und mich nicht fragt, oder ich kann eine manuelle Bearbeitung verwenden Ich wähle den automatischen Modus, aber im manuellen Modus muss ich mehrmals die Taste „ Genehmigen“ drücken oder So großartig. Ich warte ein paar Minuten und lasse es die Studio-App erstellen. 10. 9 Erstellen einer App mit Claude-Code: So perfekt. Ich werde Ihnen ein paar Dinge erklären, während es sich durch dieses Produkt weiterentwickelt. Also wurde ein Plan erstellt , dem es gemäß dem Plan folgen wird. Wenn Sie also zum Plan zurückkehren, denken Sie daran, dass er Phasen erstellt hat. In Phase eins wird alles installiert, in Phase zwei wird die Authentifizierung implementiert , dann die Datenbankimplementierung, dann die Benutzeroberfläche, und dann wird es die Benutzeroberfläche polieren und lokal ausführen, und dann wird alles überprüft und dann können Sie es hier erstellen, und schließlich können Sie es bereitstellen. Wie Sie sehen können, durchläuft es alles phasenweise und installiert die Abhängigkeit, die Pakete und alles andere. Also zuerst wird es nächstes Jahr installiert, dann wird es sich neu authentifizieren, dann die Datenbank, dann wird es einige Crowd-Operationen durchführen , um sicherzustellen , dass alles richtig konfiguriert wurde, und dann wird es ein Todo erstellen Für mich sieht alles gut aus. Ich komme irgendwann wieder rein und dann werden wir prüfen, ob es die Two-Do-App erstellen kann oder nicht Jetzt, wann immer es Dinge baut, kannst du immer wieder Fragen stellen, indem du übrigens Schrägstrich Ich habe zum Beispiel diese Option gesehen. Was genau ist das? Eigentlich kannst du einfach etwas kopieren oder ihm einige Fragen stellen wie, Hey, ich bin neugierig, warum wir Clerk für die Anmeldung und Registrierung verwenden Das ist eine großartige Möglichkeit, Dinge zu lernen, wann immer Claude etwas für dich baut Nun, wenn du BTW eingeben musst, sonst wird die Anfrage in die Warteschleife gestellt, und das wird schlecht sein Sobald ich BTW eintippe, fragt es mich, es gibt mir einige Antworten, und das hat keinen Einfluss auf den Code, den es schreibt Wie Sie sehen können, gibt Ihnen Claude in Anmeldung und Registrierung sowie das Zurücksetzen des Passworts und etwa zehn Codezeilen die Anmeldung und Registrierung sowie das Zurücksetzen des Passworts und die E-Mail-Bestätigung Das heißt, wenn Sie nur zehn Codezeilen schreiben, haben Sie Zugriff auf Anmeldung, Registrierung, Passwort, E-Mail, soziales Login, und der Kodierungsagent von LLM liebt es Zeit zu sparen. Deshalb, um Dinge schnell zusammenzufassen, verwenden sie das Es hat vordefinierte Komponenten und ist nächstes Jahr nativ in Versal integriert Es bietet Ihnen Benutzerverwaltung in Echtzeit. Es hat Ihnen also eine sehr schnelle Antwort gegeben. Perfekt. Sie können Escape drücken und diese Antwort wird gelöscht. Und wir sind wieder beim KI-Codierungsagenten , der Dinge baut und implementiert. So perfekt. Jetzt ist alles erledigt. Wie Sie sehen können, wurde alles erledigt, und wenn Sie es verwenden möchten , hat es eine Datenbank für mich erstellt, oder es fordert mich tatsächlich auf, eine zu erstellen, und dann können Sie Ihre App lokal ausführen So perfekt. Jetzt werde ich gebeten, ein paar Dinge zu tun, die wichtig sind, damit diese App lokal ausgeführt werden kann. Es heißt also, hey, holen Sie sich zuerst Ihre Neon-Datenbank, also gehen Sie zu dieser Konsole, erstellen Sie ein Projekt, kopieren Sie die Verbindungszeichenfolge und fügen Sie dann einfach die Datenbank R hier ein. Nun, eine Frage, die Sie vielleicht im Kopf haben Was ist dieses ENV Local-Beispiel und ENV Local Warum werde ich aufgefordert, eine Datenbank zu erstellen, eine URL und einige API-Schlüssel einzufügen Was genau sind das und warum läuft mein Produkt nicht? Wenn Sie zu Local Host 3.000 gehen, werden Sie nichts sehen. Etwas stimmt nicht. Nun, ich wollte Ihnen noch ein paar Dinge zeigen, bevor wir zu Claude Dextropp zurückkehren, Ihnen eine viel bessere Benutzeroberfläche Also klicke ich zuerst auf Quit, wodurch meine Claude Code-Sitzung in der CLI geschlossen wird , und wieder Cloud eingeben Wenn Sie jetzt erneut Cloud eingeben, wird eine neue Sitzung initialisiert Aber ich habe keine Ahnung, denn sehen Sie, wenn Sie genau hinschauen, ist der Kontext Null, und ich habe buchstäblich keine Ahnung, woran ich gearbeitet habe Um das zu tun, müssen Sie Lebenslauf eingeben und es wird Ihnen all Ihre vorherige Sitzung angezeigt. Denken Sie daran, dass dies meine vorherige Sitzung war , in der ich eine App für zwei Personen erstellt habe. Ich werde klicken. Ich drücke heroky runter und nein Und jetzt wird meine Sitzung wieder aufgenommen. Perfekt. Wie Sie sehen können, habe ich Opus 4.7 verwendet, mein Kontext lag bei 13% Und wenn Sie das alles überprüfen möchten, können Sie das Modell tatsächlich ändern Sie können Slash-Modell eingeben , um Ihr Modell zu ändern. Die Standardeinstellung ist natürlich 4.7 mit 1 Million Kontextfenstern, was in der Branche am besten ist, und die meisten von Ihnen erstellen kein kompliziertes Projekt, aber wenn Sie ein sehr kompliziertes Projekt mehreren Microservices und einer großen Codebasis erstellen, dann haben Sie einen Leistungsmodus. Wie viel Aufwand soll dieses Modell berücksichtigen? Wenn Sie also den Schrägstrich EFFOT drücken, sehen Sie niedrig, mittel, hoch, extra max Nun, für Sie wird Medium hervorragend funktionieren. Wenn Sie versuchen, etwas Neues von Grund auf neu zu erstellen, ist Medium mehr als ausreichend. Jetzt werde ich wieder zu Xi wechseln, weil ich eine Menge Token zum Verbrennen habe, aber Sie sollten den mittleren Plan wählen, wenn Sie einen 20-Dollar-Plan haben aber Sie sollten den mittleren Plan wählen wenn Sie einen 20-Dollar-Plan Sie können auch überprüfen, indem Sie Usage eingeben , um zu überprüfen, wie viel von dem Gerinnungscode Sie verbrannt haben Jetzt habe ich unter jeder Sitzung diese nette, interessante Leiste hinzugefügt unter jeder Sitzung diese nette, interessante Leiste , die mir sofort die Nutzung anzeigt Sie können auch einige Plugins wie Codex Bar verwenden , um mir die Verwendung von Codex und Cloud Sie können einfach zum Webbrowser gehen und einfach die Codex-Leiste installieren, und Sie erhalten dieselbe Codex-Leiste Ich werde Ihnen die Verwendung Ihres Cloud-Codes, Ihres Cursors, des Agenten, den Sie verwenden , Sie können auch die Konfiguration verwenden oder den Status überprüfen. Und das ist es. Ich werde das wieder beenden 11. 10 Einführungen zur Claude Desktop-App: Lassen Sie uns das in der IDE öffnen , weil Terminals an der Schnittstelle wirklich schlecht sind Tatsächlich kann ich das schließen und von einer Claude-Desktop-App aus weitermachen. Also werde ich sagen: Hey, ich möchte einfach aufhören. Mir gefällt die CLI nicht, ich möchte die Claude App verwenden Jetzt werde ich die Claude Desktop-App verwenden. Laden Sie die Cloud Dextro App herunter. Sie können es in Ihrem System installieren, dann können Sie sich einfach anmelden, autorisieren und dann Claude Code in der Claude Dktoapp verwenden der Claude Dktoapp Der Grund dafür ist, dass Sie eine viel bessere Oberfläche haben werden. Jetzt verwende ich es bereits für mein Mehrfachprojekt. So großartig. Lassen Sie mich Ihnen jetzt auch ein kleines Tool für Claude DextoApp geben , damit Sie wissen, wie es sich vom Terminal unterscheidet Wie es Ihnen ein besseres visuelles Aussehen und ein besseres Erscheinungsbild verleiht, wenn Sie keine technische Person sind Wie Sie in der Claude Dextro-App sehen können, gibt es drei Modi: den Chat-Modus, in dem Sie mit Claude chatten können , den Kuh-Modus, der Ihnen hauptsächlich bei Ihrer täglichen Aufgabe hilft , und den Codierungsmodus, dem Sie tatsächlich einen Code schreiben können, und Sie können alle Ihre Sitzungen hier sehen Dann kannst du dein Profil sehen, ich habe ein maximales Abo und du kannst dir hier und da ein paar Modi ansehen Dann wirst du sehen, hey, läuft deine Cloud lokal oder in der Cloud? In diesem Fall wird mein Code lokal ausgeführt, also habe ich lokal ausgewählt, und Sie können dann wählen, wo genau Ihr Code gespeichert ist. Mein Code befindet sich in meinem Dokument und in diesem Ordner, Claude Code, und ich bin in einem fiesen Zweig. Ich werde mehr darüber besprechen, warum Sie einen Zweig benötigen und warum er existiert und warum er einen Baum erstellt hat und was genau ein Baum ist. Dann können Sie sehen, dass es vier verschiedene Modi gibt. Bittest du jedes Mal um Erlaubnis , wenn du eine Aktion in meinem Code ausführst, oder akzeptierst du automatisch oder befindest du dich im Planmodus oder hast du eine gefährliche Bypass-Erlaubnis? Ich werde mehr erklären. Aber im Grunde können Sie sich im Automde befinden , der Ihren gesamten Code automatisch genehmigt, und Sie müssen nicht so oft manuell auf Ja, Ja, Ja klicken so oft manuell auf Ja, Ja, Ja Das ist dein Chat. Du hast einen anderen Modus. Im Moment funktioniert mein Mikrofon nicht. Das ist das Modell , für das ich mich entschieden habe Ihr Gegenstück ist 4,7 hoch. Sie können es wechseln , wie Sie möchten. 12. 11 Bessere grafische Benutzeroberfläche für claude mit Cursor-IDE: Das ist also meine Cord-Basis, und ich werde Ihnen in den nächsten zehn Minuten erklären , was in der Cord-Basis enthalten ist und was wir tun werden , um dieses Produkt zu integrieren und lokal zu betreiben. Also werde ich Cursor für diesen Zweck verwenden. Sie können eine beliebige ID Ihrer Wahl verwenden. Sie können VS Cord, Cursor, Windsurf, Op installieren , was auch immer Sie möchten Also fangen wir von oben nach unten an, und ich werde 10 Minuten damit verbringen, Ihnen die gesamte Codebasis zu erklären, nicht um Ihnen etwas beizubringen, sondern nur, um Ihnen ein hohes Maß an Verständnis Oben sehen Sie also einen Arbeitsbaum, der erstellt wurde, weil ich die Claude-Desktop-App geöffnet habe , in der ein Baumkästchen angeklickt wurde . Der Arbeitsbaum ist eine Möglichkeit, an mehreren Funktionen zu arbeiten, indem einfach einen Klon Ihres Codeteils erstellen Das ist es. Sie müssen es jetzt nicht verstehen, aber wir werden später darauf zurückkommen. Darunter sehen Sie den Ordner Clerk, Next, Drizzle, Node Modules, Public, SRC und eine Menge dieser Dateien Lassen Sie uns nacheinander etwas über sie erfahren. Die wichtigste Datei für Sie, in der sich Ihre eigentliche Codebasis befindet, ist SRC SRC ist Ihre Quelle, in der sich der größte Teil Ihrer Codebasis befindet. Wenn Sie auf App klicken, befindet sich hier Ihre Haupt-App-Oberfläche. Wie Sie sehen können, verwenden wir NextGS App Router, sodass Sie verschiedene Komponenten in Ihrer To-Do-App haben Das ist also Ihre To-do-Formularkomponente , in der das gesamte Formularfeld Es gibt eine Registerkarte mit Filtern, es gibt eine Registerkarte mit Aufgabenelementen. Es ist eine Listenfunktion im Gange. So können Sie alle verschiedenen Komponenten sehen. Dann haben Sie eine Anmelde- und Registrierungsfunktion in Ihrer App. Wo wir Clerk verwenden, damit wir nicht viel unnötigen Code schreiben müssen viel unnötigen Code schreiben oder dieser KI-Agent das nicht für Sie tun muss Dann gibt es eine mittlere Ebene , die jede Anfrage autorisiert, und dann haben Sie nwt Das ist wichtig. Was ist also ENVs ENV steht also für Umgebungsvariable. Das ist das Geheimnis , das du vor allen anderen verstecken musst Das ist also eine Beispieldatei, die bedeutet, dass das eigentliche NV Dot Local nicht erstellt wird, und ich muss mein ganzes Geheimnis hier ablegen. Zuerst gehe ich zum Clerk Dashboard und gebe hier meinen veröffentlichbaren Schlüssel Ich werde hier auch meinen geheimen Schlüssel und meine Datenbank-URL eingeben Also gehe ich zu Console Dot Neon Dot Tech und gebe zuerst meine Datenbank-URL ein. Sie können ein neues Konto erstellen. 13. 12 Konfigurieren von Umgebungs- und Tasten für Ihr Produkt: Lassen Sie mich Ihnen zunächst erklären, was Umgebungsvariablen sind. Wenn Sie also ein Produkt verwenden, müssen Sie sich selbst autorisieren, ob Sie das Recht haben, dieses Produkt zu verwenden oder nicht Wenn Sie zum Beispiel ein Gebäude betreten, müssen Sie der Sicherheitsperson sagen, hey, entweder Sie arbeiten hier oder Sie sind zu einem Meeting hergekommen Sie müssen sich also selbst autorisieren. Wenn Sie also ein anderes Produkt verwenden, müssen Sie dem System sagen, hey, nehmen Sie meine Schlüssel und autorisieren Sie, ob ich die richtige Person bin oder In diesem Produkt verwenden wir jetzt Clerk. Für die Authentifizierung und Autorisierung verwenden wir die Neon PosCRS-Datenbank, um unsere Daten zu speichern Wenn Sie also Clerk öffnen, werden Sie feststellen, dass es sich um ein SAS-Produkt oder ein Tool handelt , mit dem Sie schnell Benutzerauthentifizierung und -autorisierung erstellen können Benutzerauthentifizierung und -autorisierung Perfekt. Sie können sich also anmelden und sie einfach verwenden. Um sie erfolgreich zu nutzen, müssen Sie natürlich eine App erstellen und einige Dinge tun, damit Sie später für diese App bezahlen können wenn Sie zusätzliche Funktionen haben möchten. Sie benötigen also einen veröffentlichbaren Schlüssel und Sie benötigen einen geheimen Schlüssel, Sie über das Dashboard abrufen können. Also werde ich eine App in ihrem Dashboard erstellen , und wie Sie sehen können, können Sie all diese Komponenten hinzufügen um einfach Ihren Anmelde- und Anmeldeablauf zu erstellen Wenn du all diese langweiligen Dinge nicht alleine machen willst , habe ich eine Abkürzung für dich. Abkürzung besteht darin, die CLI zu verwenden, um all diese Arbeit automatisch mithilfe des AI-Agenten zu erledigen . Aber das werde ich nicht tun. Ich werde einfach eine Anwendung erstellen und ich werde diesen Mann Willy machen , damit Sie verstehen, was wir tun Auch dies alles wird von unserer App erledigt. Wir werden uns einen Ort suchen , an dem wir unseren API-Schlüssel generieren können . Da hast du's. Dort kann ich den API-Schlüssel sehen. Auch hier, wenn Sie genau hinschauen, ist dies absichtlich und absichtlich versteckt, und das sollte es auch sein Ich werde das mit Absicht verstecken, und ich werde diesen API-Schlüssel eingeben und dann werden wir weitermachen Jetzt können Sie sich für die Neon-Datenbank anmelden, dasselbe tun und ein Projekt erstellen. Sobald Ihr Projekt erstellt ist, werden Sie feststellen, dass es Ihnen etwas gibt , das wieder versteckt ist. Wenn Sie darauf klicken, ist es sichtbar. Ich werde das jetzt verwischen oder verstecken. Perfekt. Jetzt habe ich meine Neon-Datenbank und meine ENVs für Clerk konfiguriert und alles sieht gut 14. 13 Lokales Ausführen des Produkts: Perfekt. Jetzt habe ich meine Neon-Datenbank und meine ENVs für Clerk konfiguriert und alles sieht gut aus. Fangen wir Ich bin zurück zur CLI oder zum Terminal, und sobald wir die Dinge lokal zum Laufen gebracht haben, werden wir sie tatsächlich in Claude Dextoppp verwenden Großartig. Wie Sie sehen können, ist hier unsere Todo-App. Lass uns sie benutzen Also werde ich meine E-Mail-ID verwenden , um mich für diese Todo-App zu autorisieren , und dann werden wir sie verwenden Lass uns Todo schreiben und dann werden wir sehen , wie die Dinge funktionieren Nächstes Jahr gibt mir also eine Ausgabe. Wir werden es später lösen. Lass uns ein Td schreiben. Okay. Okay, da hast du's. Sie können sehen, dass Sie dieser Aufgabe ein Datum hinzufügen können, und Sie können weitere hinzufügen Sie haben aktiv erledigt und alle Aufgaben erledigt. Es ist perfekt Es hat einen dunklen und einen hellen Modus, und die Dinge sehen gut aus. Sie können dies auch löschen. Perfekt. Diese Studio-App sieht also fantastisch aus. So perfekt. Nehmen wir nun an, Sie möchten einige Änderungen an dieser Studio-App vornehmen. Jetzt werden wir Ghostty schließen und direkt von Claude Dextropppo aus arbeiten direkt von Claude Dextropppo aus Sie können auch von Ghostty aus weiterarbeiten 15. 14 Code eingeben und auf github übertragen: Also werden wir diese App zuerst in eine Cloud-feindliche Umgebung verschieben eine Cloud-feindliche Umgebung , damit du sie mit deinem Freund teilen kannst Um das zu tun, können Sie die Dinge manuell in VerseLO konfigurieren , Sie können Ihrer CLI eine gewisse Kontrolle geben, und ich werde den CLI-Ansatz verwenden Jetzt werde ich sehen, also habe ich eine Aufforderung auf sehr untechnische Weise geschrieben, aber ich habe die technischen Dinge erwähnt, und lassen Sie mich Ihnen zeigen, was ich geschrieben habe Also, hey, setze das weil ich dieses Projekt meinem Freund zeigen möchte. Sie können das auf Versal bereitstellen, und Sie verwenden die CLI Das ist interessant, weil Sie entweder das Dashboard öffnen, die Schlüssel und die Umgebungsvariable kopieren und einfügen können die Schlüssel und die Umgebungsvariable kopieren und einfügen , oder Sie können deren CLI verwenden, die die Autorisierung und alles von selbst erledigt So perfekt. Ich werde die Eingabetaste drücken und dann wird es ein paar Dinge für mich erledigen. Es überprüft zuerst den Projektstatus, initialisiert dann VerslCI, fordert mich auf, mich bei VersL anzumelden. Dann wird es ein Projekt in Versal erstellen und Dann wird es ein Projekt in Versal erstellen es dann bereitstellen Und dann kann ich dieses Projekt mit meinem Freund teilen. Perfekt. Mal sehen, ob es alles kann oder nicht. Sie können auch sehen, dass ich 9.000 neue Codezeilen geschrieben habe und dieser Code nirgendwo anders festgeschrieben ist Ich hoffe also, dass es, bevor es tatsächlich etwas bereitstellt, irgendwo festgeschrieben wird Ich denke, es wird sich nicht irgendwo festsetzen. Um Ihren Code zu übertragen, müssen Sie ihn also auf GitHub festschreiben. Und lassen Sie mich das eigentlich zuerst tun , damit Sie das verstehen. Sie machen weiter und übertragen diesen Code in GitHub Jetzt gibt es ein paar Dinge , die Sie verstehen müssen. Wann immer Sie Code schreiben, möchten Sie nicht den Zugriff auf diesen Code verlieren , wenn Sie etwas Neues erstellen. Oder nehmen wir an, Sie erstellen Feature Nummer eins und möchten, dass es einfach dieses Feature bereitstellt, es für den Benutzer verfügbar macht und dann möchten Sie, dass es ein neues Feature startet. Sie haben also zwei Möglichkeiten. Entweder können Sie zwei verschiedene Zweige Ihres Codes erstellen , sodass Sie an zwei Funktionen gleichzeitig arbeiten und sie zusammenführen können an zwei Funktionen gleichzeitig arbeiten , oder Sie können ein Feature fertigstellen, und dann übergeben Sie es und dann beginnen Sie mit der Arbeit an einem neuen Feature. Wir werden also über GitHub-Branching sprechen und darüber, wie Sie Ihren Code festschreiben, pushen und zusammenführen, und wir werden viel darüber sprechen Aber im Moment möchte ich nur meinen Code mit Git in mein GitHub-Profil übernehmen , und dann werden wir sehen wie der festgeschriebene Code aussehen wird Und später werde ich Ihnen die CICD-Pipeline dieses gesamten Prozesses erklären , die momentan etwas überwältigend ist Es wird also ein GitHub-Wrapper erstellt, bei dem es sich einfach um einen Ordner in GitHub handelt, in dem Sie Ihren Code speichern können, und dann wird der Code virtuell übertragen Selbst wenn ich den Zugriff auf dieses System verliere, werde ich immer noch Zugriff auf den Code haben. Also perfekt. Es verwendet meine GitHub-Anmeldung und hat einen virtuellen Ordner auf GitHub erstellt einen virtuellen Ordner auf , in dem sich meine gesamte Codebasis befindet. Wie Sie sehen können, gibt es eine Todo-App, die ich erstellt habe, und mein gesamter Code befindet sich in GitHub Jetzt kann ich darauf zugreifen und sie von überall aus öffnen, wo ich will Und in der Lektüre wurde alles klar erwähnt. Wenn Sie genau hinschauen, gibt es hier keine ENVs. Das heißt, sie hat die ENVs nicht übernommen. Ich denke, das ist ein privates Repo. Ich kann es veröffentlichen, wenn Sie möchten, gehen Sie zu den Einstellungen und machen Sie es öffentlich Aber auch hier nicht sehr wichtig. Ihre gesamte Codebasis befindet sich hier und in einem anderen Video werde ich Ihnen erklären, wie Sie Ihre Codebasis tatsächlich pushen, festschreiben und zusammenführen. Und was sind diese Zweige und wie sind sie nützlich? Wie Sie sehen können, befinde ich mich gerade in einem Hauptzweig , den ein Benutzer normalerweise sieht. Sie können zum Beispiel neue Zweige erstellen. Jedes Mal, wenn ich ein neues Feature entwickeln wollte, möchte ich nicht, dass meine echten Benutzer sehen, was kaputt ist und was nicht. Was ist diese neue Benutzeroberfläche? Was ist diese neue Funktion? Ich möchte in einer neuen Branche arbeiten, wo ich Dinge isoliert testen und bauen kann. Also habe ich einen neuen Zweig Dev erstellt. Visuell für Sie können Sie es auch aus dem Code heraus tun. Lass mich die Filiale wechseln. Also werden wir den Zweig auf Dev umstellen und dann werden wir das Produkt verbessern und weitere Änderungen vornehmen. Also früher war es in der mittleren Filiale. Jetzt wird der Zweig auf DF umgestellt und perfekt. Jetzt sind wir in einer Entwicklungsabteilung. Sie unterhalten also eine lokale Niederlassung und Sie unterhalten eine entfernte Niederlassung. Wir sind jetzt also auf den lokalen Def-Branch umgestellt , der den eigentlichen Remote-Zweig verfolgt. So perfekt Sie haben einen Bash-Befehl, den ich nicht erklären möchte, um Sie zu verwirren, aber perfekt Bisher sieht es gut aus. Lassen Sie uns jetzt anfangen, Änderungen vorzunehmen. Jetzt gibt es ein Problem, das wir bei unserem Produkt beobachtet haben . Die Benutzeroberfläche war sehr klein, ich musste den Server neu starten, aber die Schriftarten und alles andere sahen sehr klein aus. Also habe ich gefragt, ob wir die gesamte Benutzeroberfläche verbessern und vergrößern können, sodass ich sie in meinem Desktop und in meiner mobilen App verwenden kann Lass es uns sehen. Der Vorteil der Verwendung von Claude Dktoapp besteht darin, dass Sie sehen können, was alle Dateien bearbeitet wurden, was alles entfernt wurde, was alles auf sehr nette Weise hinzugefügt wurde Deshalb mag ich Claude Dextoapp für Claude Code und Cow . Perfekt. Lass mich ein Terminal im Claude Desktop öffnen und versuchen, das auszuführen Ich bin mir nicht sicher, ob Sie NPM oder PNPM verwenden. Perfekt. Und wenn Sie das aktualisieren, werden Sie feststellen, dass Ihr Projekt läuft. Perfekt. Die Schrift ist jetzt größer geworden und Sie können sie deutlich auf Ihrem Bildschirm sehen. Mal sehen, ob das für Mobilgeräte optimiert ist oder nicht. Also werde ich die Reaktionsfähigkeit auf das iPhone 12 Pro ändern und perfektionieren Dies ist auch für Mobilgeräte optimiert. Es gibt ein Problem für das nächste Jahr , das wir später lösen können, aber die Dinge sehen also gut aus. Alles hat funktioniert, und jetzt möchte ich, dass es dieses Projekt bereitstellt, und ich wollte es mit meinem Freund teilen . In diesem Fall werden wir Vercel verwenden, um dieses Projekt auf einer bestimmten Subdomain bereitzustellen Wir müssen den tatsächlichen Domainnamen kaufen , was wir später tun werden 16. 15 Bereitstellen Ihres Projekts auf vercel: Jetzt werde ich nachsehen. Hey, mach einfach weiter und setze es auf Vercel ein, damit ich es mit meinem Freund teilen und verwenden kann Und ich werde diesen Befehl C beenden , um das zu beenden und ich werde das Terminal schließen Wie Sie sehen können, wird mein Projekt auf Vercel bereitgestellt, und dann öffne ich dieses Projekt einen bestimmten Link, den ich mit meinem Freund teilen kann , damit er es als echtes Produkt verwenden kann Denken Sie daran, wir haben unser Backend konfiguriert, wir haben unser Frontend konfiguriert und alles funktioniert hervorragend Und ich bin mir verdammt sicher, dass wir bei der Implementierung auf neue Probleme stoßen werden Das Ziel bei der Entwicklung eines Produkts besteht darin, weiterhin Probleme zu lösen , sodass Sie wissen, was passiert, und dass Sie die richtige Kontrolle haben Deshalb stellen wir jetzt das Frontend unseres Projekts auf Vercel bereit. Es heißt also, hey, der Build ist fehlgeschlagen, weil Ihre Datenbank-, URL- und Sekretariatsschlüssel nicht konfiguriert waren Okay, es heißt also, dass ich die ausdrückliche Erlaubnis von Ihnen benötige , um Ihre Schlüssel in Vercel Also werde ich dir die Erlaubnis geben. Also perfekt. Ich möchte, dass du meine lokalen Schlüssel verwendest und sie an Versale&VS weitergibst Jetzt können Sie das manuell tun, Sie das Versal-Dashboard öffnen, und ich werde Ihnen das auch zeigen In der Zwischenzeit werden Sie sehen, dass ich eine Reihe von Produkten habe , und lassen Sie mich sehen, dass unsere Todo-App hier drüben ist Sie gehen in die Einstellungen und sehen die Umgebungsvariablen Im Moment befinden wir uns in der Vorschau, es gibt also keine Umgebungsvariable. Sie können hier Umgebungsvariablen erstellen und Ihre Schlüssel und den Wertzahler schreiben. Anschließend werden diese Schlüssel verwendet, um Ihr Projekt auszuführen Ich werde das vorerst schließen, weil wir alles direkt über die CLI erledigen Sie müssen das Dashboard nicht öffnen. Also werde ich das schließen und wir werden zuschlagen. Okay, ich hatte also ein Problem, weil meine Bereitstellung durch die falschen GitHub-Benutzernamen blockiert wurde. Also habe ich ein bisschen Zeit damit verbracht, dieses Problem zu beheben. Wenn ich also die Wörter Dashboard öffne und mir die Bereitstellung ansehe, können Sie sehen, dass mehrere Bereitstellungen blockiert wurden Und wenn ich in die Bereitstellung gehe, wird angezeigt, dass die Bereitstellung blockiert wurde, weil die E-Mail des Commit-Autors so lautete Das ist mein MacBook-Adressname. Es sollte E-Mail sein. Es ist nicht gültig und ich muss sicherstellen, dass ich die E-Mail-Adresse oder den Benutzernamen verwende. Also habe ich einige Zeit damit verbracht. Tatsächlich habe ich Claude gebeten, dieses Problem einfach zu beheben. Es hat mir ein paar Schritte gegeben. Ich habe diese Schritte manuell ausgeführt. Sogar ich kann Claude bitten, das für mich zu tun, und ich konnte das Problem lösen. Das erinnert mich an eine kleine Sache, die Sie verstehen müssen, nämlich das Debuggen Sie können Dinge vom Terminal aus debuggen, aber eines der wichtigsten Tools, das Sie zum Debuggen verwenden können , ist CLI und das Wie Sie jetzt sehen können, ist die App fertig, und ich werde die App öffnen und Ihnen zeigen, wie sie genau aussieht Sie können diesen Link also mit Ihrem Freund teilen und er kann App erkunden, die Sie mit Clot Code erstellt haben Sie erhalten also einen kleinen Link , den Sie mit Ihrem Freund teilen können Natürlich können Sie Ihren eigenen Domainnamen konfigurieren , wenn Sie P Cheese oder einen Domainnamen haben. Aber nehmen wir vorerst an, Sie können diesen Link teilen und sie können dieses spezielle Produkt erkunden. Also werde ich mich anmelden und dann werde ich eine Aufgabe erstellen und ich werde dir zeigen, und ich werde dir zeigen, ja, wie das Gesamtprodukt funktioniert? Perfekt. Ich bin angemeldet und wenn ich eine Aufgabe erstelle, nehmen wir an, ich möchte frühstücken und ich erstelle einfach nach dem Zufallsprinzip Todos Das sind meine Todos. Ich kann es einfach als abgeschlossen markieren. Nehmen wir an, ich logge mich ab oder melde mich ab und wieder an . Sie werden feststellen, dass meine Daten dauerhaft sind. Das bedeutet, dass das Produkt in der Cloud bereitgestellt wird und meine Daten nirgendwo anders verloren gehen. Egal, welche Aktionen Sie ausführen, ob Sie etwas Neues erstellen, aktualisieren, bearbeiten oder löschen, die Daten bleiben erhalten. Sie können dies auf Ihrem Handy öffnen. Sie können das auf Ihrem Laptop öffnen und alles funktioniert einwandfrei. Das ist also eine mobile Schnittstelle. Sie können dasselbe auch mit Ihrer mobilen App tun. Und Sie können das, wissen Sie, weiter verbessern und verbessern. Verwenden Sie eine andere Schriftart und fügen Sie zusätzliche Funktionen und Features dieser Studio-App auch zusätzliche Funktionen und Features hinzu. 17. 17 Einführung in Fähigkeiten in Claude: So perfekt. Um Fähigkeiten zu erklären, gebe ich Fähigkeiten Claude Code ein. Nun, Skill ist einfach eine Markdown-Datei mit einer spezifischen Anleitung, die die Möglichkeiten von Claude Code erweitert , um eine bestimmte Aktion auszuführen Wenn Sie die Dokumentation lesen, heißt es sogar deutlich: Hey, Sie können Skills erstellen, verwalten und teilen, um die Cloud-Code-Funktionen zu erweitern Und Sie müssen einen Skill mit einer Datei mit qualifizierten Punkten und den entsprechenden Anweisungen erstellen . Jetzt fragst du dich vielleicht, was ist eine Fähigkeit und warum brauchst du sie? Nehmen wir an, Claude versteht das Designsystem Ihres Unternehmens nicht . Sie können tatsächlich eine Fähigkeit erstellen, indem alle Designsysteme hervorheben , die Sie in Ihrem Unternehmen haben, und Sie können diese einfach hinzufügen. Oder nehmen wir an, Sie haben eine bestimmte CICD-Pipeline , der Sie folgen möchten, wo Sie eine Fähigkeit erstellen können, und die Leute entwickeln verschiedene Arten von Fähigkeiten, sodass Claude auf eine vordefinierte Art und Weise arbeiten kann und Weise arbeiten anstatt einfach in eine zufällige Richtung zu gehen Nun, eine der beliebtesten Fähigkeiten viele Leute verwenden, und der Grund, warum ich Ihnen sage, dass Sie eine bestimmte Fähigkeit verwenden sollen, die von jemand anderem entwickelt wurde , weil sie einfach zu verwenden ist Tatsächlich können wir in Claude Code viele Fähigkeiten erforschen . Also werde ich denselben Ordner öffnen und eine geisterhafte Sitzung initiieren, und ich werde dir zeigen, wo genau sich die Fähigkeit befindet Also gehen wir zum Service und öffnen hier ein gespenstisches Fenster. Dann gebe ich Claude ein, nur um es zu initialisieren , und Sie können den gleichen Vorgang auch in Windows ausführen Jetzt können Sie eine letzte Sitzung fortsetzen, indem Sie einfach Resume eingeben , oder Sie können tatsächlich eine neue Sitzung starten Ich werde die letzte Sitzung fortsetzen, die ich in ihrer Desktop-App verwendet habe, und jetzt gebe ich den Schrägstrich Skills Dadurch werden mir alle verfügbaren Fähigkeiten angezeigt , die vorhanden sind, und ich kann diese Fähigkeiten nutzen Jetzt wurden viele dieser Fähigkeiten von mir installiert. Viele von ihnen sind auf ihrem Markt präsent. Also werde ich zu ihrem Marktplatz gehen und Ihnen zeigen , welche Fähigkeiten alle verfügbar sind und wie Sie diese Fähigkeiten einsetzen können. Um die Fähigkeiten von Claude Code zu erweitern, Cloud Code einen Marktplatz dem die Leute ihr Plug-In und ihre Fähigkeiten hinzufügen können, sodass sie von Claude Code verwendet werden können , um sie in eine bestimmte Richtung zu lenken Also werde ich Ihnen zunächst zeigen, was ein Marktplatz ist. Wie genau kannst du ihn verwenden? Wie können Sie verschiedene Plugins auf dem Markt verwenden, und diese Plugins haben möglicherweise Fähigkeiten darin oder auch nicht. Also lass mich zum Marketplace gehen und den Plug in Marketplace öffnen. Also gebe ich Plug in ein und Sie können sehen, dass Sie fast 165 Plugins haben. Tatsächlich können Sie jetzt ein Plugin mit allen Tools finden , die wir verwendet haben, und dieses Plugin wird einfach ein MCP-Server sein Geben wir also Clerk ein und schauen wir nach, ob sie eine Plugin-Schleife haben. Sie haben kein Neon, ja, sie haben ein Plug-In, dem Sie ihren MCP-Server verwenden können , und Sie können Datenbanken erstellen, ändern, löschen und alle möglichen Dinge direkt im Cloud-Code tun Dinge direkt im Cloud-Code Tatsächlich benötigen Sie MCP nicht einmal. Sie können tatsächlich ihre CLI verwenden. Beide funktionieren. Das ist also Neon. Was ist das andere Produkt, das wir verwendet haben? Ich bin mir sicher, dass sie auch einen Versal-Stecker haben werden. Ich glaube, ich habe es schon installiert. Sie gehen zu Installiertes Plugin und Sie können sehen, dass WorSL bereits installiert ist Ich habe einen Figma MCP-Server, Gmil und einen Google-Kalender hinzugefügt Gmil MCP-Server ist im Grunde eine Möglichkeit, Zugriff auf ihre API zu gewähren , damit Claude Und dann habe ich ein Claude Hut-Plugin , das mir diese Statistiken gibt Wenn du also Escape drückst, ist das Claude Hut , der dir alle Statistiken direkt unter dem Claude-Code gibt. Plugins können also alles tun, von der Verbesserung der Claude Code-CLI bis hin zur Gewährung von Zugriffsrechten für bestimmte Dinge. Also gehe ich noch einmal und öffne den Plug In Marketplace und sehe mir all die Dinge an , die es auf dem Marktplatz gibt und was installiert wurde. 18. 18 Erstellen deiner ersten Fähigkeiten im Claude-Code: Okay, perfekt. Jetzt werde ich Ihnen erklären, was eine Fähigkeit ist, wie Sie eine Fähigkeit in Claude Code erstellen können und wie Sie sie tatsächlich verwenden können. Nehmen wir an, Sie sind ein Produktmanager und Ihre Aufgabe ist es, Benutzerprobleme zu lösen. Sie sprechen also mit mehreren Benutzern, verstehen deren Schmerzpunkt und versuchen dann, dieses Problem zu lösen. Nehmen wir an, Sie sind auch ein Entwickler, der weiß, wie man Cloud Code verwendet, und Sie lieben es, Lösungen zu entwickeln. Wann immer Sie Cloud Code verwenden und möchten, dass er eine bestimmte Aufgabe auf eine bestimmte Art und Weise erledigt, müssen Sie ihm viel Kontext geben, was manchmal überwältigend ist. Nehmen wir zum Beispiel an, Sie haben eine Liste fünf bis zehn Problemen, mit denen Ihre Benutzer konfrontiert sind, und Sie möchten mehr Szenarien und Fälle schreiben und Sie möchten das Problem einfach eingehender analysieren bevor Sie tatsächlich eine Lösung entwickeln Aber du weißt nicht genau, hey, was ist der richtige Weg, um ein Problem zu brainstormen Du kannst sogar eine Fähigkeit entwickeln und sie als PM-Brainstorming bezeichnen Jedes Mal, wenn Sie etwas eingeben , verwenden Sie die Fähigkeit PM-Brainstorming, und dieser Skill hat eine Reihe von Aktionen, die der Claude In der Fachsprache bedeutet das, eine Liste Markdowns aufzulisten, damit es Ihren Ansatz wirklich gut versteht Nehmen wir zum Beispiel an, ein Benutzer möchte oder exportiert Funktionen in Ihrem Produkt Ihre erste Frage wäre, hey, warum brauchen sie das? Sie werden sich also fragen, unterscheidet sich Excel von den Daten, die im Dashboard angezeigt werden? Das bedeutet, dass in Excel mehr Daten verfügbar sein müssen , als im Dashboard angezeigt werden. Deshalb brauchen sie es. Ein weiterer Grund könnte sein, dass sie diese Daten an anderer Stelle verwenden wollten, dass sie diese Daten mit jemandem teilen oder dass sie miteinander in Einklang gebracht werden sollten Sie möchten ihm also eine bestimmte Reihe von Aktionen zuweisen, die Sie als PM ausführen, um ein Problem zu lösen, oder angeben, wie viele Händler mit dem Problem konfrontiert sind Wenn Ihre Liste von Fragen also so lauten würde: Hey, ich möchte, dass Sie verstehen, was das Problem ist, wie viele Personen mit dem Problem konfrontiert sind? Warum leiden sie? Und welche Lösungen sind möglich? Und was ist der Kompromiss zwischen den einzelnen Lösungen und welchen anderen Szenarien, mit denen wir umgehen müssen? Dies ist eine Liste von Prozessen oder Vorsichtsmaßnahmen, die ein Produktmanager normalerweise durchläuft. Wenn Sie nun nicht all diese manuellen Prozesse alleine durchführen möchten , können Sie einen Skill erstellen. Sie können einfach eine Fähigkeit erstellen und sie, sagen wir, Feedback-Jäger oder Feedback-Analysator nennen . Du kannst eine Fähigkeit benennen, wie du willst. Wenn Sie das nächste Mal ein Feedback oder ein Problem erhalten, geben Sie einfach Folgendes ein: Hey, verwenden Sie den Feedback-Analyzer, um das Feedback zu analysieren, das wir von einem Händler erhalten. Lassen Sie uns weitermachen, einen bestimmten Skill erstellen, ihn Feedback-Analysator nennen oder Sie können einen weiteren Skill mit dem Namen Ideengenerierung erstellen , der genau das Gleiche tut, z. B. was ist die neue Idee, wie kann sie Geld verdienen? Wie hängt das zusammen? Wie wird es das Problem lösen? Wie viele Benutzerprobleme werden gelöst, Aufwand bei der Erstellung. So perfekt. Sie haben viele Fragen, die Sie normalerweise stellen oder durchgehen bevor Sie mit der Implementierung beginnen. Also werde ich Claude Code öffnen und dann werden wir einen Skill erstellen. Perfekt. Lassen Sie mich ein bisschen heranzoomen. Also perfekt. Um einen Skill zu erstellen, können Sie tatsächlich einen Code-Editor öffnen, den Markdown ganz alleine schreiben, oder Sie können tatsächlich einen Skill Creator verwenden oder Sie können tatsächlich ein Plugin verwenden dem Sie einen Skill erstellen können Dieses Plugin, Skill Creator, einfach darauf klicken, moderieren, das Plugin installieren und fertig. Jetzt gibst du an , dass er perfekt ist. Ich sage nur, hey, ich bin Produktmanager. Ich möchte, dass Sie eine Fähigkeit entwickeln, sodass wir, wenn uns ein Vertriebsteam , mein PM-Team oder unser CEO eine coole, interessante Idee gibt , eine Reihe von Fragen überprüfen, die wir ihnen stellen müssen um die Tiefe des Problems und die verschiedenen Möglichkeiten zu verstehen, mit denen wir das Problem lösen können, und Sie können mir weitere Fragen stellen , um den Kontext des Problems zu verstehen. und versuchen Sie dann, ihm eine Punktzahl von eins bis zehn zu geben , was den Aufwand angeht. Was sind die Auswirkungen und der Vorteil? Und Sie können die Websuche verwenden , um zu verstehen, wo unser Unternehmen existiert oder wo unser Produkt in der Wettbewerbslandschaft präsent ist Und Sie können das Skill Creator-Plugin verwenden , das wir gerade installiert haben, um diesen Skill zu erstellen Lass mich die Eingabetaste drücken und mal sehen, ob es in der Lage ist, eine wirklich gute Idee zu entwickeln , Brainstorming-Fähigkeiten für uns Warten wir also eine Weile und wir werden sehen, ob es einen coolen, interessanten Namen für den Skill finden kann und ob es in der Lage ist, diesen Skill zu erstellen oder Wenn das der Fall ist, was alles Markdown ist, wird er diesen speziellen Skill eintragen und wir können ihn dann einfach verbessern oder weiter ändern und schauen, wie gut das Ergebnis zu uns zurückkommt Es stellt mir also eine Menge Fragen, hey, wie sollte der Skill das Interview mit dir führen Der Skill sollte mir also drei bis vier Fragen gleichzeitig stellen , um die Tiefe des Problems zu verstehen. Dann fragt er mich: Hey, welche Ergebnisse willst du am Ende haben? Ich möchte ein perfektes PM-Memo , das mir das Problem, den betroffenen Benutzer, das Framework zeigt, oder ich würde sagen, eine perfekte Scorecard oder ein Urteil ist besser, das einen RC-Score verwendet Oh, perfekt. Dieser ist besser. Das ist qualitativer. Die Tonne, wollen Sie, dass eine Menge zurückgedrängt wird, ehrlich gesagt, ein neutraler Analyst oder ein Anwalt des Teufels? Vielleicht widersetzen Sie sich ehrlich und reichen Sie ein. Ich habe ihm diese drei Antworten auf alle Fragen gegeben , die es gestellt hat um mir die richtige Fähigkeit zu vermitteln. Nun, dieses Skill-Tool ist wirklich gut denn wenn ich jetzt eine bestimmte Frage stelle, wird es nicht halluzinieren und mir eine lange Antwort geben Ich werde mir genau das sagen, hey, das solltest du befolgen Okay. Also, wie Sie sehen können, hat es eine Fähigkeit für mich geschaffen und sie als PM Ida Evaluator benannt wird mir eine Menge Fragen stellen, dann wird es mir den Output in RICE geben, Ihre Reichweite , Wirkung, Ihr Vertrauen und Ihr Einsatz, und IS und Moskau, IS und Moskau, sind alles unterschiedliche Produktmanagement-Frameworks, und es wird mir eine Entscheidung geben wie „Los, nein, mehr Informationen benötigen“, Urteil und versuchen, mich ehrlich dagegen zu wehren Ich klicke auf Ja und es wird das für mich erstellen. Es hat diese Fähigkeit geschaffen und ich kann versuchen , sie in einer viel besseren Oberfläche zu öffnen. Jetzt können Sie sehen, dass es diese Fähigkeit für mich geschaffen hat. Es hat dieser Fähigkeit einen Namen gegeben, eine PM-Idee, einen Evaluator, und diese Fähigkeit hat eine Beschreibung und einen richtigen schrittweisen Prozess, sodass hey, Sie sind ein hochrangiger PM-Gutachter Es heißt also, hey, Sie sind ein mentales Vorbild für eine Fertigkeit in leitender Sie werden ausgelöst, wenn jemand den CEO fragt nach dieser speziellen Funktion oder das Vertriebsteam nach dem Grund fragt, und Sie müssen sich zuerst die Problemstellung ansehen und ihnen Fragen stellen, z. B. wer stellt sie? Was ist das Problem, wer steht vor dem Problem. Dann müssen Sie Beweise und Auswirkungen sammeln. Dann müssen Sie herausfinden, ob es nur für eine bestimmte Personengruppe erforderlich ist, und dann müssen Sie sie mit der RICE-Methode bewerten. Sie können dafür auch die Ice- oder Moscow-Methode verwenden. Dann müssen Sie ihnen ein abschließendes Urteil geben. So perfekt. Sieht insgesamt gut aus. Ich meine, du kannst mehr Zeit damit verbringen , es durchzulesen, wenn du willst. Die Grundidee von Skill besteht jedoch darin, jedes Mal eine bestimmte Reihe von Aktionen auszuführen , sodass Zeit gespart werden kann und Sie nicht jedes Mal denselben Befehlssatz angeben müssen . 19. 19 Erste Fähigkeiten nutzen: Wenn Sie also genau hinschauen, werde ich eine Aufforderung geben, etwa: Hey, mein CEO sagt: Hey, Leute, unsere Händler stehen vor einigen Problemen. Sie sind nicht in der Lage, den Zahlungsstatus auf der Homepage zu sehen , und deshalb sind sie nicht in der Lage, die Dinge bis zum Ende des Tages richtig zu analysieren und abzugleichen Das ist eine einfache Problembehandlung ich dem Gerinnsel geben werde und weil es Worte enthält, wie es mein CEO sagt, wird es die Absicht identifizieren und automatisch diese Fähigkeit einsetzen, und dann wird es mir ein vorausschauendes Urteil geben Und ich werde schreiben. Kannst du mir dabei helfen? Und lassen Sie uns sehen, ob es Skill, den wir gerade erstellt haben, initialisiert und verwendet , und mir die Antwort so geben, wie ich gefragt habe Es heißt also, hey, möchtest du, dass ich diese Fähigkeit verwende, um diese Aufforderung oder Frage zu beantworten Perfekt. Ich werde ja sagen. Und wenn Sie sich die Antwort ansehen, erhalte ich die Antwort auf die gleiche Weise, wie ich die Leute normalerweise frage, wenn sie Ideen oder Probleme haben. Es geht also darum, die Fähigkeit zu nutzen, um alle möglichen Aktionen auszuführen, die ich zuvor andernfalls Zeile für Zeile spezifizieren musste. Hey, mach das zuerst, dann mach das zuerst, dann mach das. Sie können also sehen, dass es mir zuerst eine Menge Fragen stellt und mir dann die Antwort gibt. Welche Händler beschweren sich? Wie viele geben mir den Namen, wenn du willst. Was für ein Händler sind das? Ist es eine Angstlücke, wenn es darum geht, herauszufinden, was sie nicht sehen können und was genau Händler von ihrem Dashboard aus zu erreichen versuchen? Und wie sieht die aktuelle Homepage aus? So großartig. Sie können sehen, dass es Ihnen eine Menge Fragen stellt, wenn Sie nur diese Skala verwenden. Natürlich können Sie Ihre Antwort eingeben. Also drücke ich einfach die Tabulatortaste und es gibt mir auch eine Antwort, eine hypothetische Antwort, die in der realen Welt offensichtlich nicht richtig ist, aber ich drücke einfach die Eingabetaste und lassen Sie uns anhand einer so kleinen Antwort sehen, ob anhand einer so kleinen Antwort sehen, sie mir ein perfektes Urteil geben kann oder Jetzt, in der ersten Runde, habe ich geantwortet, hey, hauptsächlich Unternehmen fragen danach, fünf Händler haben sich vom Support beschwert, und meistens ist es ein Abstimmungsproblem. Nachdem ich das gelesen habe , werde ich nun in der zweiten Runde nach Beweisen und Auswirkungen gefragt . Wie viel Prozent des Unternehmensumsatzes entfallen also diese fünf Händler , die sich über den Support beschweren? Was genau ist eine kaputte innere Versöhnung? Welches Ergebnis streben wir an, und wie messen wir es? Und wenn es um grobe Anstrengungen geht, kann eine Aussöhnung in wenigen Wochen oder in wenigen Quartalen erreicht werden. Es hängt davon ab, wie tief Sie es bauen wollen. Sie können also Runde zwei beantworten, und ich erhalte dann die Antwort. Also habe ich recht. Mal sehen, ich werde jetzt sehr schwache Dinge eingeben, nur damit ich all diese Runden umgehen kann und eine vorhersehbare Antwort bekomme. So großartig. Jetzt können Sie die Antwort sehen. Ich denke, es stellt mir keine weiteren Fragen. Es hat mir eine Problemstellung gegeben, den Reis-Score, den I-Wert, und Sie können natürlich mehr darüber lesen. Wenn Sie Produktmanager sind, wissen Sie genau, was Reis und IS sind. Reis ist also Ihre Reichweite, Wirkung, Ihr Selbstvertrauen und Ihre Leistung. Wenn Sie das zum Beispiel erstellen, wie viele Händler können wir mit dieser Funktion erreichen? Wie wirkt sich das auf unser Produkt aus? Wie zuversichtlich sind wir , dass es das Problem lösen wird , und wie viel Aufwand wird es erfordern? Das Gleiche gilt für Augen, Wirkung, Selbstvertrauen, Leichtigkeit und Moskau. Ist es ein unverzichtbares Feature? Auf diese Weise erstellen Sie eine Fähigkeit und verwenden sie in der realen Welt, sodass Sie nicht jedes Mal eine bestimmte Anweisung schreiben müssen . Großartig. Jetzt werde ich tatsächlich ein sehr beliebtes Plug-In installieren , das Fähigkeiten unter der Haube nutzt , um Softwareentwicklungsprobleme zu lösen. Der Name des Plugins ist Superpower, das über 12 bis 15 Fähigkeiten verfügt , die ein bestimmtes Problem lösen 20. 21 Warum und wie SDLC verwendet wird: Claude Code ist also großartig. Es kann Ihnen helfen , alles zu erstellen , was Sie sich vorstellen können, und dies ist ein wirklich gutes Tool, das den gesamten Prozess wirklich beschleunigen kann. Aber es gibt ein großes Problem. Wenn man sich anschaut, wie ein Produkt gebaut wird, noch bevor es KI gab, wurde es mit der richtigen Planung und dem richtigen Verständnis für alles entwickelt . Aus diesem Grund müssen Sie den Software Development Lifecycle verstehen und wissen, wie dieser genau funktioniert. Um Ihnen das zu erklären, öffne ich einfach den Notizblock und zeige Ihnen , welche wichtigen Schritte beim Erstellen von Software erforderlich sind Lassen Sie mich also etwas für Sie schreiben , und dann zeige ich es Ihnen Wann immer Sie also etwas bauen wollten, schreiben Sie zuerst die Anforderung. Danach, und diese Anforderung beinhaltet das Problem , das wir lösen, die Auswirkungen, die wir auf unser bestehendes Produkt haben. Welche Funktionen entwickeln wir? Und wenn ich Interaktion sage, meine ich UI und UX. Sie müssen richtig konfigurieren, wie Sie die Nutzung und die Analyse dieser Funktion messen die Analyse dieser Funktion und wie Sie sie veröffentlichen und einführen werden. Wenn Ihr Produkt nun mehrere andere Produkte oder andere Features oder Funktionen oder Microservices verwendet mehrere andere Produkte oder andere Features oder , müssen Sie auch über die Testfälle schreiben , sodass Sie, falls etwas kaputt geht, diese Dinge im Voraus kennen und Sie müssen auch CI- und CD-Pipelines erstellen , damit alles ordnungsgemäß funktioniert Es gibt also noch viel mehr Dinge, die unter der Haube passieren , wenn Sie die eigentliche Software Und ich habe Ihnen gerade ein sehr kleines Stück von einem großen Kuchen gegeben , nur um Ihnen zu helfen, den gesamten Prozess zu verstehen. Dieser Prozess sollte nun idealerweise dann befolgt werden , wenn ein Produkt tatsächlich gebaut wird. Und wenn Sie mit Claude Code arbeiten, folgt es keinem bestimmten Produktlebenszyklus. Um das zu tun, werden wir Fähigkeiten einsetzen. Lassen Sie uns also verstehen, was Fähigkeiten sind und wie wir sie einsetzen können. 21. 22 Superpower-Fähigkeiten für den Softwareentwicklungslebenszyklus: Perfekt. Wie Sie sehen können, ist das Superpower Puddle-Plugin jetzt aktiviert, und jetzt werde ich Ihnen zeigen welche Fähigkeiten mir dieses Plugin bietet Nun, Superpower ist einfach ein Plug-In, das über viele Fähigkeiten verfügt, die es Claude Code ermöglichen, eine bestimmte Weise zu arbeiten Die erste Fähigkeit, die Superpower besitzt, ist Brainstorming. Das heißt, jedes Mal, wenn wir versuchen , ein bestimmtes Produkt zu entwickeln, lösen wir Und wenn Sie ein Problem lösen, denken Sie tatsächlich über verschiedene Lösungen für dasselbe Problem nach Nehmen wir an, Sie entwickeln bestimmtes Produkt für eine Gruppe von Menschen möchten tiefer in die Materie eintauchen, mehr Probleme verstehen, die damit verbunden sind, und wie Sie es viel besser lösen können Diese Fähigkeit hilft Ihnen also, ein Problem besser zu lösen, indem Sie Brainstorming und weitere Fragen stellen andere Fähigkeit darin besteht Wie können Sie effektiv einen richtigen Plan schreiben Plan mehrmals wiederholen, und das und diesen Plan mehrmals wiederholen, und das ist der Funktionsweise Ihres Planmodus sehr ähnlich Du kannst Claude sogar fragen: Hey, liste alle Fähigkeiten auf, die das Superpower-Plugin bietet, und was machen sie? Und es wird dir genau sagen, welche Fähigkeiten es in Superpower gibt und was genau dir dabei helfen kann Die erste Fähigkeit ist also der Einsatz von Superkräften. Wenn du das gerade erwähnt hast, dann nutzt es nur Superkräfte , um zu entscheiden, was du brainstormst, was geschrieben, wie ausgeführt, wie gebaut werden soll, alles Sie müssen also keine bestimmte Fähigkeit angeben. Du musst nur mit Superkräften schreiben. Dann verfügen Sie über Brainstorming-Fähigkeiten, von denen wir erklärt haben, dass sie, hey, die Benutzerabsicht, die Anforderungen und das Design untersuchen, bevor mit der Implementierung begonnen wird Design untersuchen, bevor Dann verfügen Sie über Fähigkeiten zum Schreiben von Plänen, denen Sie Ihre Specsa-Anforderungen in einen detaillierten , mehrstufigen Plan umsetzen Dann gibt es noch die Fähigkeit zur Ausführung eines Plans, mit der der schriftliche Plan in der gewünschten Weise ausgeführt wird Dann haben Sie die von Subagenten gesteuerte Entwicklung , bei der Sie nicht angeben müssen , dass er mehrere parallele Agenten startet , um die Entwicklung zu beschleunigen. Es wird es für Sie erledigen. Das Gleiche gilt für Dispatch Parallel Agents Sie haben eine testgetriebene Entwicklung , bei der zuerst Testfälle geschrieben werden , bevor etwas erstellt wird. Dann haben Sie systematisches Debugging, das Ihnen hilft, die richtigen Testfehler zu schreiben, Dinge für Sie zu debuggen und die richtigen Korrekturen zu schreiben Dann haben Sie einen Git-Workflow, dann verwenden Sie den Git-Arbeitsbaum, einen Arbeitsbaum erstellt und dann Ihre Funktionen isoliert , sodass Sie mehrere Dinge gleichzeitig erstellen können mehrere Dinge gleichzeitig erstellen Dann gibt es vor Abschluss eine Überprüfung, bei der die gesamte Implementierung in den gesamten Sitzungen überprüft wird , bevor es tatsächlich zu einer PR kommt. Sie verfügen also über viele dieser Fähigkeiten, die Ihnen helfen werden, auf die gewünschte Weise richtig zu arbeiten. Nun, wie werden wir es verwenden und wann werden wir es benutzen? Nun, um diese Dinge zu nutzen, werde ich tatsächlich so etwas wie ein echtes Produkt bauen, und dann werden wir Superkräfte einsetzen, um es mit crotcd effizienter zu bauen 22. 23 Claude gegen Codex und Cursor: Bevor wir mit dem Kurs fortfahren, möchte ich, dass Sie etwas behandeln, das sehr wichtig ist Im Moment können Sie Claude Code also nur verwenden , wenn Sie ein Abonnement haben. Ihr Abonnement beginnt also bei 20 USD pro Monat und kostet 200 USD pro Monat, je nachdem, wie Sie es nutzen Jetzt habe ich persönlich Abonnement von max. 100$, aber ich verstehe Viele von Ihnen wollen nicht wirklich 20$ bezahlen, nur um Claude Code zu verwenden Also werde ich Ihnen ein paar Alternativen zeigen , die Sie verwenden können, und Sie werden mit diesen Alternativen genau dasselbe tun können mit diesen Alternativen genau dasselbe Die erste Alternative ist Codex. Jetzt hat Codex einen kostenlosen Plan, mit dem Sie ihren Codierungsagenten nutzen können , ohne viel Geld zu bezahlen Jetzt haben sie einige andere Pläne, wie zum Beispiel einen Startplan in Indien , der dich nur 400 Rupien kostet Sie haben einen Plus-Plan, der etwa 20$ kostet, und sie haben auch einen 100-Dollar-Plan Wenn Sie also jemand sind diese KI-Codierungsagenten nur ausprobieren wollte, dann ist Chat GPT ein guter Anfang Sie bieten Ihnen eine begrenzte Codex-Nutzung mit einem kostenlosen Tarif, und ich schätze, wenn Sie nur etwas sehr Kleines bauen möchten, nur um mit diesen KI-Codierungsagenten zu experimentieren, dann können Sie Codex CLI verwenden, einfach auf Codex klicken und dann müssen Sie Das wird genauso funktionieren, genau wie Claude, und ich werde dir zeigen, wie du Codex benutzt, genau wie Claude Code. Gehen Sie also einfach zur Entwicklerdokumentation, klicken Sie auf die CLI, und Sie können die Codex-CLI installieren und sofort damit beginnen, sie zu verwenden Dies ist die erste Alternative. kostenlose Kontingent von Codex ist sehr großzügig und Sie können ein paar Dinge ganz alleine bauen Eine weitere Option oder Alternative zu Claude und Codex ist Open Jetzt ist Open Cod sehr beliebt, weil es Open Source ist. Jetzt können Sie alle gängigen Modelle innerhalb von OpenCD verwenden, alle gängigen Modelle innerhalb von z. B. Kimi k Two, Quin Model, Deep Seek Modell und sie haben auch OpenAI und das anthropische Modell und sie haben auch OpenAI und Wenn Sie auf deren Preisseite gehen, können Sie Open Cord tatsächlich kostenlos nutzen oder sie haben ihren Plan ab 5$ für haben ihren Plan ab 5$ Wie jeder andere Programmieragent haben sie auch eine CLI, sodass Sie einfach zu ihren Developer Dogs gehen, auf CLI klicken und OpenCOD installieren und sofort verwenden können All diese KI-Codierungsagenten sind wirklich gut, und ich kann keinen großen Unterschied feststellen, als ich Claude gegenüber Codex und Open Cod verwendet habe Das ist also die dritte Alternative, die Sie haben. Der vierte ist Cursor. Jetzt ist Cursor eine IDE. Das heißt, Sie können Cursor in Ihrem System installieren. Aber wenn Sie ihre CLI verwenden möchten, nun, sie haben auch eine CLI. Sie können einfach weitermachen, ihre CLI installieren und sie verwenden. In diesem Video werde ich mich für Codex entscheiden, weil ich der Meinung bin kostenlose Kontingent von Codex Codex ziemlich großzügig ist und viele Leute es tatsächlich kostenlos nutzen können Und sie haben wirklich gute Grenzen. Ich werde auf CLI klicken und die CLI installieren. Sie öffnen also ein beliebiges Terminal, Sie können einfach Ihr natives Terminal verwenden oder Sie können unser Terminal wie Cost , das ich in meinem System installiert habe. Sie können Codex CLI einfach global installieren, indem Sie einfach NPMIglobal eingeben und OpenAI Codex installieren. Sie können ihre CLI installieren und dann können Sie Codex eingeben, um ihre CLI installieren und dann können Sie Codex eingeben das einfach zu starten, und ja, wenn Sie aufgefordert werden, sich anzumelden, geben Sie einfach Slash Login, geben Sie einfach Slash Login, Schrägstrich Logout zum Anmelden und Logout ein, und Sie können das Modell ändern, indem Sie Slash Model Nun, wenn du Codex verwendest, empfehle ich dir, das neueste Modell zu verwenden, aber den Aufwand oder die Argumentation auf mittel zu reduzieren , damit du dein Limit nicht wirklich schnell ausschöpfst. Und schalte auch den Schnellmodus aus, falls er aktiviert ist. Wenn Sie also sehen, dass es einen Schnellmodus gibt, können Sie ihn einfach ausschalten. Geben Sie einfach Slash Fast ein und Sie können den Schnellmodus ausschalten. Und jetzt können Sie anfangen, Codex wie jeden anderen Codierungsagenten zu verwenden , egal ob es sich um Clot-Code oder Open Code oder Cursor-CLI handelt, alle sind exakt gleich Selbst wenn ich nur etwas für dich eintippe, kannst du tatsächlich Schrägstrich eingeben und du wirst eine Menge Optionen sehen, die genau wie bei Claude identisch sind Mit Slash Model haben Sie Zugriff auf alle Modelloptionen, die Sie haben Mit der Slash-Berechtigung können Sie die Codex-Berechtigung bearbeiten. Slash-Erinnerungen, Sky-Slash-Fähigkeiten, Hoax-Überprüfung. Die meisten Features und Funktionen, was auch immer in Claude Code enthalten ist, werden exakt dieselben sein Ich empfehle Ihnen, HatGPTS Codex zu verwenden , wenn Sie jemand sind, der nicht wirklich für Cloud bezahlen möchte Und Sie können auch ein paar andere CLIs ausprobieren . Cursor bietet Ihnen im kostenlosen Tarif ein wirklich gutes Limit Cursor hat also auch ein großzügiges kostenloses Kontingent. Perfekt. Ich gebe den Schrägstrich Quid ein, um Codex zu schließen, oder den Schrägstrich Logout, um mich einfach gleiche Weise können Sie einfach das CLI-Dokument von Open Cod öffnen und es installieren Sie können dasselbe auch mit Cursor tun. Perfekt. Auf diese Weise können Sie jede Cloud-Alternative nutzen wenn Sie nicht wirklich zahlen möchten. 23. 24 Artefakte für den Entwurf: Jetzt können Sie tatsächlich Claude, JA JBD oder eines dieser großen Sprachmodelle verwenden, um ein Live-Artefakt zu erstellen , das Sie schnell verwenden und prüfen können , ob die Designoberfläche gut aussieht oder Ich habe das einfach geschrieben, Hey, ich baue eine Todo-App Ich möchte, dass du ein Design dafür entwirfst. Das Design sollte zuerst mobil sein und über eine Navigation verfügen . Da es sich um eine Todo-App handelt, möchte ich, dass Sie eine Aufgabe erstellen Also entweder kann ich es abtippen oder sprechen und du schreibst einfach den Text für mich Es sollte ein Fälligkeitsdatum haben. Sie sollten sich einen Termin für Morgen, Nachmittag und Abend aussuchen. Wünschen Sie mir einfach einen guten Morgen einen guten Tag in dieser App oben auf der Homepage, und Sie können mir ein paar Fragen stellen, wenn Sie haben, und Sie müssen dafür ein Live-Artefakt erstellen Der Vorteil von Live-Artefakten ist, dass ich schnell ein Artefakt erstellen und es schnell verwenden kann ein Artefakt erstellen und es schnell verwenden , um zu sehen, ob ich mit dem Design zufrieden bin oder nicht, und das kann ich im Chat wiederholen Und das kann mit Claude und Chat GBT gemacht werden. Lassen Sie mich das tatsächlich kopieren und auch mit Chat GPT ein Live-Artefakt erstellen mit Chat GPT ein Live-Artefakt Also werde ich ein Live-Artefakt erstellen und ein modernes Ha-GPT verwenden Jetzt stellt es mir eine Menge Fragen. Ich will meinen Namen auf der Homepage haben. Das Design sollte sauber und minimalistisch sein. Und ja, ich möchte eine echte Text-to-Speech-API, die ich in diesem Design verwenden kann. Perfekt. Jetzt erstellt es ein Artefakt für mich, das ich tatsächlich vor Ort in dieser Chat-Oberfläche öffnen und verwenden kann, und ich kann es weiter bearbeiten oder verbessern Nun, das ist nur ein sehr schneller Weg, um ein Design zu erstellen, aber das ist nicht der richtige Weg, es zu tun Ich werde Ihnen zeigen, wie Sie das Gerinnseldesign verwenden, um es richtig zu machen? Denken Sie daran, dies ist nur ein Frontend-Design. Dies ist kein echtes Produkt. Perfekt. Insgesamt sieht das Design gut aus, obwohl ich vermute, dass ich nichts speichern kann Ich denke, es gibt keine Möglichkeit zu speichern, sonst funktioniert das nicht. Dies ist nur ein Design, damit ich dieses Design hier wiederholen und verbessern kann Schauen wir uns die Claude-Ausgabe an. Also hat Claude etwas geschaffen , das viel schlimmer aussieht. Als ob das nicht für Mobilgeräte optimiert ist. Ich kann den Kalender sehen. Ich kann die Plus-Schaltfläche sehen, aber die Ausgabe ist okay, keine großartige Ausgabe, die ich von Claude erwartet hatte. So perfekt. Selbst wenn Sie zum Quellcode dieses Artefakts gehen, ist das alles eine JSX-Datei, also auch App Dot GSX also auch App Dot Das heißt, es ist nur ein Frontend. All diese Werte sind als Schlüssel-Wert-Paar fest codiert, und es gibt kein Backend, und das ist ein guter Anfang. Aber auch dies ist nicht der richtige Weg, um ein Design zu erstellen. Also werde ich diese beiden Dinge schließen und Ihnen zeigen, wie Sie dieses Design tatsächlich mit dem Gerinnseldesign erstellen 24. 25 Zeit für die Verbesserung des Entwurfs: So perfekt. Jetzt weißt du, wie man ein Produkt baut und wie man es lebendig macht. Die nächste große Herausforderung , vor der Sie stehen werden , bezieht sich auf das Design. Wie lässt du dein Produkt fantastisch aussehen? Also werde ich eine geisterhafte Sitzung beginnen und Ihnen helfen zu verstehen, wie Sie Ihr Produkt fantastisch aussehen lassen Also werde ich Claude eingeben, um Claude zu initialisieren, und Sie können sehen, dass ich Opus 4.7 mit 1 Million Kontextfenstern verwende Mein Aufwand ist besonders hoch. Sie können es auf Medium reduzieren, wenn Sie an einem einfachen Projekt arbeiten, und Sie können dasselbe mit jedem KI-Agenten tun, den Sie verwenden, egal ob es sich um Clotde, Codex, Open Code oder Cursor handelt Codex, Open Code Wenn Sie also Ihren App-Link mit jemandem teilen, wird die erste Reaktion sein, hey, er ist gut, aber er ist nicht großartig Ich habe mir zum Beispiel eine Auszeit genommen und ein wirklich gutes Design für diese Todo-App entworfen, und ich werde Ihnen dieses Design zeigen Jetzt können Sie Figma oder Clot Design oder ein anderes Tool verwenden , um dieses Design zu erstellen Wenn Sie sich die aktuelle ToDo-Pase ansehen, wird Ihnen der Name des Benutzers angezeigt Im hellen Modus ist es dunkel, es zeigt dir einen kleinen Wochenkalender Es zeigt Ihnen alle Aufgaben, die noch zu erledigen sind , abgeschlossen und ausstehend. Jetzt gibt es eine weitere Funktion, mit der Sie Ihrer Aufgabe tatsächlich die Fälligkeitszeit zuweisen können , wodurch Ihre Aufgabe einfach in die Kategorien Morgen, Arbeitsaufwand und Nacht eingeteilt wird . Und Sie können sehen, dass es eine Homepage gibt. Es gibt eine Einsichtsseite, es gibt eine Profilseite. Und es gibt eine Plus-Schaltfläche. In der ersten Version können wir vielleicht Insight ausschalten, aber wir sollten eine Profilseite, eine Homepage und das gesamte Design haben , und das sollte für Mobilgeräte optimiert sein . Sie haben zwei Möglichkeiten. Entweder Sie kopieren einfach einen Screenshot und fügen ihn ein oder ziehen ihn per Drag & Drop, wenn Sie einen haben, aber das Problem ist, dass viele von Ihnen nicht wissen , wie man Figma benutzt oder wie man ein professionelles Designtool benutzt Am Ende experimentiert man also nur. Sie fordern Claude Code so bis Sie mit dem Design zufrieden sind Nun, an diesem Ansatz ist nichts falsch . Es ist großartig. Aber der bessere Weg, ein Design für das tatsächliche Produkt zu iterieren und zu erstellen , ist die Verwendung von Cloud-Design Im nächsten Video werde ich Ihnen zeigen, wie Sie das Gerinnseldesign verwenden und wie Sie das Design Ihrer App tatsächlich verbessern 25. 26 Intro zu Claude Design: Jetzt hat es zwei Optionen. Sie können ein Wireframe Ihrer App oder Ihres Designs oder High-Fidelity-Mockups erstellen In den meisten Fällen hoffe ich, dass Sie den Wireframe-Teil überspringen und direkt High-Fidelity-Mockups erstellen möchten Wireframe-Teil überspringen und direkt High-Fidelity-Mockups . Ich werde auf Erstellen klicken und es wird mir eine Chat-Oberfläche angezeigt, mit der ich Designs erstellen kann Sie können also ein Designsystem hinzufügen, indem Sie einfach eine HTML-Datei einfügen , die als Designsystem dienen kann. Sie können Ihr Designsystem einfach in einer PDF-Datei speichern. Sie können alle möglichen Dinge tun, aber ich schätze, die meisten von Ihnen wissen nicht, was ein Designsystem ist, also überspringen wir die Option Lassen Sie uns den Screenshot tatsächlich nicht verwenden. Ich werde Ihnen zeigen, wie Sie wirklich gutes Design erstellen , ohne auch nur eine Referenz zu geben. Und Sie können die Figma-Datei einfach per Drag & Drop ziehen, falls Sie in einem professionellen Setup arbeiten dem Sie die Figma-Datei haben Ich habe eine Aufforderung geschrieben wie: Hey, ich baue eine Todo-App und ich möchte, dass du ein Design dafür erstellst Dieses Design sollte in erster Linie auf Mobilgeräten basieren Navigation enthalten. Dies ist eine Todo-App Ich kann eine Aufgabe erstellen, indem ich einen Aufgabennamen eintippe, oder ich kann sprechen Jede Aufgabe sollte ein Fälligkeitsdatum und ein Zeitfenster wie Morgen Nachmittag Abend haben ein Fälligkeitsdatum und , und du musst die Startseite der App wirklich gut und für Mobilgeräte optimiert aussehen lassen wirklich gut und für Mobilgeräte optimiert und mir einfach guten Morgen und guten Tag wünschen , abhängig von der Uhrzeit, zu der ich die App öffne Und während Sie das Design erstellen, stellen Sie mir einfach Fragen, wenn Sie das im Sinn haben, und verwenden Sie eine coole Schriftart wie Fictory und ein Frontend-Designsystem wie SATCN. Nun, das ist wieder eine sehr kurze Aufforderung, die ich gerade Claude Code gegeben Und wie Sie sehen können, gibt es eine Menge Fragen, bevor es tatsächlich anfängt, ein Design für mich zu erstellen. Also, welchen Namen sollte uns das benutzen? Vielleicht kann ich meinen Namen benutzen. Ich werde jetzt gebeten , eine Stimmung auszuwählen. Wird es ruhig und minimalistisch sein? Wird es fest und freundlich sein, modern aussehen, vielleicht ruhig und minimalistisch oder locker warm und freundlich, und meine Lieblingsfarbe ist Blau, also werde ich mich für Blau entscheiden Ich kann fragen. Um einige Beispielaufgaben hinzuzufügen, damit das Design gut aussieht und es nur drei Steckplätze geben sollte. Und es fordert mich auf, einen Kalenderstil auszuwählen. Vielleicht ist diese Art von Kalenderstil gut. Ich möchte eine mobile Navigation haben , die wie diese aussieht. Lass mich vielleicht ein bisschen mehr für dich heranzoomen. Diese Art der unteren Navigation sieht also gut aus. Ich möchte ein paar, nur ein polnisches Design oder lassen Sie uns drei Varianten des Designs auswählen. Ich finde, diese Schrift sieht gut aus. Also werde ich auf Weiter klicken, um das zu beschleunigen und dir genau zu zeigen , wie Claude Design unser App-Design für uns erstellt? 26. 27 Claude Entwurf: Jetzt habe ich meine Ergebnisse von Clod Design, und wie Sie sehen können, sind diese Designs unglaublich Ich werde die Befehlstaste gedrückt halten und ein bisschen herauszoomen , und wie Sie sehen können, es die Richtlinien befolgt, die ich ihm ursprünglich gegeben habe, Dinge wie zum Beispiel sollte es blaue Farbe verwenden Das Design sollte ein Hingucker sein. Und wie Sie sehen, wünscht es mir guten Tag. Und ich kann die ganze Aufgabe hier sehen. Es gibt eine spezielle Seite, auf der ich sprechen und einen Todo-Text aufnehmen kann sprechen und einen Todo-Text aufnehmen Ich habe eine andere Variante erstellt, die minimalistischer und ruhiger ist. Und ich vermute, es hat eine dritte Variante geschaffen. So perfekt. Ich habe drei Varianten für mich erstellt. Ich persönlich mag Variante Nummer eins. Also lasst uns weitermachen und Variante Nummer eins wählen. Aber vorher wollte ich nur erklären, dass Sie tatsächlich den Bearbeitungsmodus verwenden können und dass Sie die Komponente tatsächlich bearbeiten können , indem Sie einfach einen Kommentar hinzufügen. Das Gerinnseldesign ist also wirklich gut. Sie können die Dinge hier erhöhen oder verringern, und das ist ein wirklich gutes Upgrade Sie können also die Größe, die Farbe und die Zeilenhöhe der Komponente ändern . In der Tat können Sie einfach einen Kommentar hinzufügen, und es wird Dinge für Sie erledigen. Sie können also einen Kommentar hinzufügen und einfach etwas eingeben und das wird sich ändern. Nehmen wir zum Beispiel an, ich möchte dieses De nicht hier haben wollen. Also entferne es von hier und es wird es für dich entfernen. Ich glaube, ich muss es Claude schicken, und los geht's. Es wird anfangen zu arbeiten und es wird das von hier entfernen. Sie können also einige echte Änderungen vornehmen indem Sie einfach einen Kommentar hinzufügen. So perfekt. Insgesamt denke ich, dass ich die Designvariante mag A, das B ist minimalistischer und professioneller und C ist zu farbenfroh Also werde ich A wählen, ich bin mir sicher, dass viele von Ihnen B mögen werden, das minimalistischer ist, aber eines sieht für mich super bunt und gut aus, und ich habe mich oft geirrt, wenn es um Design geht. Also werde ich die Seite aktualisieren. Es heißt, dass es diesen Freitag 22 Uhr entfernt hat und perfekt ist. Jetzt ist es weg. So großartig. Ich liebe Variante, oder? Also entferne B und C und erstelle mehr Wireframe. Und sobald das erledigt ist, werde ich diese Variante tatsächlich verwenden und unsere App verbessern Also werde ich Ihnen zeigen, wie Sie das tatsächlich teilen und in Ihrem Cloud Code-Projekt verwenden können. So perfekt. Jetzt ist die Designausgabe fertig. Sie können sehen, dass dies der Kernablauf unserer Todo-App ist, und dies sind die anderen Bildschirme und dies sind die anderen Bildschirme, die in dieser Todo-App wichtig sind Es zeigt mir also das Datum, die Erinnerung. Sollte ich diese Aufgabe wiederholen oder nicht? Und so perfekt. Lassen Sie mich die Seite aktualisieren und ich schätze, dieser Teil wird weg sein Die nächste Frage, die Ihnen jetzt vielleicht einfällt, ist, wie implementiere ich dieses Design genau in meiner Todo-App? Sie haben also zwei Möglichkeiten. Entweder können Sie jedes einzelne dieser Bilder als PNG exportieren oder HTML herunterladen und dann per Drag & Drop ziehen, was eine sehr ineffiziente Implementierung ist eine sehr ineffiziente Implementierung Sie können also das PNG herunterladen und Claude bitten, dieses PNG zu implementieren, aber das ist nicht der richtige Weg Ich werde dir zeigen, wie genau du Claude Code bittest , das zu implementieren. Sie können das also tatsächlich als Zip-Datei herunterladen und diese Datei einfach in Ihren Claude Code ziehen und es kann mit der Implementierung dieser Komponenten beginnen und dann auch das Backend konfigurieren Die andere Möglichkeit ist, dass Sie dies senden oder es an Claude Code übergeben Sie können es also als JipFle herunterladen und dann einfach Claude Code bitten, es für Sie zu tun, oder Sie können es senden oder die Sitzung an Claude Code übergeben Nehmen wir an, ich werde diesen Befehl kopieren und ihn an Claude Code übergeben, um zu sehen ob er das implementieren kann oder