Projekt
Projekt · Bilder · Coding
Projekt ist ein visueller Arbeitsbereich für alle, die mit KI-Coding-Agenten bauen. Es bündelt Tools wie Claude Code, Codex, Gemini CLI und Opencode in einer einzigen Oberfläche mit Live-Vorschau und einem editierbaren DOM. Sie beschreiben in normaler Sprache, was Sie wollen, sehen die Seite sich aktualisieren, während der Agent Code schreibt, und klicken dann auf ein beliebiges Element, um es von Hand anzupassen. Das Versprechen ist einfach. Behalten Sie das Tempo des Prompt-basierten Bauens, ohne die direkte Kontrolle über das Ergebnis aufzugeben.
Über Projekt
Was ist Projekt
Projekt ist ein KI-Coding-Arbeitsbereich im Desktop-Stil, der eine Vorschau, ein editierbares DOM und den Coding-Agenten Ihrer Wahl im selben Fenster zusammenführt. Sie verbinden den Agenten, den Sie ohnehin bezahlen, richten Projekt auf einen Projektordner und beginnen, Änderungen in natürlicher Sprache zu beschreiben. Das ist alles.
Das Problem, das es löst, ist einfach. Es klafft eine Lücke zwischen „der Agent hat den Code geschrieben" und „die Seite sieht richtig aus". Die meisten KI-Coding-Tools enden im Terminal oder im Editor. Projekt hält eine laufende Browser-Vorschau neben dem Gespräch. Jede Änderung erscheint sofort, Sie beurteilen sie also visuell statt ein Diff zu lesen.
Die größte Einschränkung ist, dass Projekt selbst kein Coding-Agent ist. Es hat kein eigenes Modell. Keines. Sie bringen Ihren eigenen Agenten und Ihre eigenen API-Schlüssel mit, oder Ihre Abos. Wenn Sie noch kein Setup wie Claude Code oder Codex haben, richtet Projekt allein nicht viel aus. Es ist außerdem ein Arbeitsbereich, der zuerst auf Web-Frontends zielt. Wenn Ihre Arbeit überwiegend Backend oder Mobile ist, hilft die Vorschau weniger.
Erste Schritte
- Installieren Sie Projekt und fügen Sie dann die KI-Coding-Agenten hinzu, die Sie nutzen wollen, etwa Claude Code, Codex, Gemini CLI oder Opencode.
- Verbinden Sie Ihre eigenen API-Schlüssel oder Abos für diese Agenten.
- Richten Sie Projekt auf einen vorhandenen Ordner oder starten Sie ein neues Projekt aus einem Prompt, ohne Konfiguration oder Boilerplate.
- Beschreiben Sie die gewünschte Änderung und sehen Sie, wie die Live-Vorschau sich aktualisiert, während der Agent den Code schreibt.
- Wählen Sie ein beliebiges Element, bearbeiten Sie es inline oder passen Sie Stile visuell an, und committen und deployen Sie dann.
Produktinformationen
Ein kurzer Überblick über Preise, unterstützte Plattformen und die Leistung von Projekt.
Am besten für
Die Nutzer, Aufgaben und Szenarien, für die dieses Tool am besten passt.
Nutzer
- Produktdesigner, die prompten können, aber nicht in einem Code-Editor leben wollen
- Frontend-Entwickler, die bereits einen Coding-Agenten bezahlen
- Gründer und Indie-Entwickler, die Landingpages ausliefern
Aufgaben
- Eine Web-Oberfläche bauen und weiterentwickeln
- Eine bestehende Website überarbeiten
- Ein Layout aus einer groben Idee prototypen
Szenarien
- Eine Landingpage Richtung Launch schieben und kleine visuelle Details vor dem Deploy korrigieren, da Sie inline bearbeiten und aus demselben Fenster committen können.
- Eine schnelle Kundendemo, bei der Sie heute etwas Klickbares brauchen, keine vollständige Design-Spezifikation.
- Eine übernommene Codebasis aufräumen, wo jede Änderung live zu sehen besser ist als Diffs zu lesen, die Sie nicht geschrieben haben.
Wichtigste Funktionen
Bringen Sie Ihren eigenen Agenten mit
Projekt bündelt kein Modell. Sie melden sich an und installieren die Coding-Agenten, die Sie ohnehin nutzen, darunter Claude Code, Codex, Gemini CLI und Opencode, und verbinden dann Ihre eigenen Schlüssel. Der Arbeitsbereich bleibt gleich, wenn Sie später den Agenten wechseln. Genau darum geht es.
Echtzeit-Vorschau
Jede Änderung des Agenten erscheint in einer Live-Vorschau, während der Code geschrieben wird. Kein Warten auf einen Build. Kein Neuladen des Browsers. Sie sehen die Seite Schritt für Schritt Form annehmen, was sofort zeigt, wenn der Agent Ihre Anfrage falsch versteht.
Editierbares DOM
Sie können ein beliebiges Element auf der in der Vorschau gezeigten Seite auswählen und direkt bearbeiten oder Stile von Hand anpassen. Hier schlägt es ein reines Chat-zu-Code-Tool. Der Agent bringt Sie fast ans Ziel. Den Rest erledigen Sie visuell, statt einen weiteren Prompt zu schreiben.
Prompt-basierte Oberfläche
Ihre wichtigste Arbeitsweise ist das Beschreiben dessen, was Sie wollen. Danach schauen Sie zu. Die Oberfläche verbindet Ihren Prompt mit der Aktivität des Agenten, Sie sehen ihn also das Projekt analysieren, Komponenten erstellen und Stile schreiben, während diese Schritte ablaufen.
Kein Setup, kein Boilerplate
Sie können Projekt auf einen beliebigen Ordner richten und losarbeiten oder ein neues Projekt aus einem Prompt starten. Kein Gerüst-Schritt. Keine Konfigurationsdatei, die Sie zuerst ausfüllen. Das senkt die Hürde, in eine bestehende Codebasis einzusteigen.
Integriertes Git und Deploy
Wenn das Ergebnis passt, zeigt Projekt die geänderten Dateien und lässt Sie aus demselben Fenster committen, mit dem Ziel, direkt weiter zum Deploy zu gehen. Versionskontrolle direkt neben der Vorschau bedeutet, dass Sie den Moment „das sah gut aus, raus damit" nicht durch einen Kontextwechsel verlieren.
Vor- und Nachteile
Vorteile
- Live-Vorschau plus editierbares DOM decken sowohl den Prompt-basierten Ablauf als auch die letzten visuellen Korrekturen an einem Ort ab.
- Funktioniert mit den Agenten, die Sie bereits nutzen und bezahlen, es gibt also kein neues Abo für die Modellschicht.
- Öffnet jeden Projektordner ohne Setup oder Boilerplate, was den Test an echter Arbeit leicht macht.
- Git-Änderungen sind im Arbeitsbereich sichtbar, das Committen folgt also direkt nach Ihrer Freigabe der Vorschau.
Nachteile
- Kein eingebautes Modell bedeutet, dass Sie es ohne einen separaten Coding-Agenten und dessen Schlüssel gar nicht nutzen können, was für Neulinge mehr Einrichtung mit sich bringt.
- Der vorschaugetriebene Ablauf zielt auf Web-Frontends, Projekte mit viel Backend oder Mobile ziehen also weniger daraus.
- Das Tool ist früh dran und seine öffentlichen Preisangaben sind unklar, Sie sollten die aktuellen Tarife und die Plattform-Unterstützung vor einer Entscheidung auf der offiziellen Seite prüfen.
Häufige Fragen
Projekt ist ein visueller Arbeitsbereich, um Web-Frontends mit KI-Coding-Agenten zu bauen. Sie bitten einen Agenten um eine Änderung, sehen eine Live-Vorschau und verfeinern die Seite, indem Sie Elemente direkt bearbeiten.
Ähnliche Inhalte
Entdecke passende Tools, Skills und Artikel zu Projekt.
Alternativen zu Projekt
X Ray Interpreter
X-ray Interpreter · BilderX Ray Interpreter ist ein webbasiertes KI-Radiologie-Tool, das Röntgenbilder, CTs, MRTs, Ultraschallbilder und PET-Aufnahmen in Berichte in einfacher Sprache verwandelt. Sie laden eine Aufnahme hoch, erhalten in wenigen Augenblicken eine vorläufige Röntgenbild-Interpretation und stellen dann Rückfragen, wenn etwas erklärt werden muss. Es dient als zweite Meinung und als Lernhilfe, nicht als medizinische Diagnose.
Aieasypic
AIEasyPic · BilderAIEasyPic ist ein KI-Bildgenerator, der einfache Text-Prompts in Sekunden in fertige Kunstwerke verwandelt. Du kannst außerdem eigene Modelle mit persönlichen Fotos trainieren, Gesichter in vorhandenen Bildern tauschen und kurze Videoclips aus Text erstellen, alles im Browser. Er passt zu Gelegenheitskreativen, die schnelle Bilder wollen, und zu Hobbyisten, die ein persönliches Modell bauen möchten, ohne eine Zeile Code anzufassen.
Chargen
Chargen · BilderChargen ist ein KI-Charaktergenerator und ein Toolkit zum Worldbuilding für Dungeons & Dragons und andere Tisch-Rollenspiele. Es verwandelt eine einzeilige Idee in ein gemaltes Charakterporträt, erzeugt NSCs, Monster, Karten und Begegnungen in derselben Sitzung und hält die Details jeder Kreatur griffbereit. Der Bereich für Tisch-Rollenspiel-Kunst läuft über ein Creditsystem namens Gold, während die Textgeneratoren für alle kostenlos bleiben.