Liebe Abonnenten, Replit hat gerade Agent 4 gestartet und ich habe über das Wochenende einen frühen Zugriff erhalten. In diesem Tutorial zeige ich Ihnen, wie Sie mit der neuen unendlichen Leinwand und den parallelen Agenten von Agent 4 live eine App zur Gewohnheitsverfolgung planen, entwerfen und erstellen. Außerdem zeige ich Ihnen, wie Sie Präsentationen und Animationen aus Code generieren, und das alles in nur 10 Minuten. Sehen Sie sich jetzt auf YouTube an oder lesen Sie die schriftliche Anleitung unten. Zeitstempel: (00:00) Drei neue Funktionen in Replit Agent 4 (00:34) Schritt 1: Entwerfen Sie eine Habit-Tracker-App mit der unendlichen Leinwand (03:39) Schritt 2: Schneller erstellen mit parallelen Agenten (05:52) Schritt 3: Veröffentlichen Sie eine Full-Stack-App mit einem Klick (07:11) Schritt 4: Generieren Sie ein Foliendeck und eine Animation daraus code(08:58) Ehrlich gesagt: Wo passt Replit in den Markt für KI-Codierung? Was wir entwickeln werdenIch wollte schon immer eine App, mit der ich Gewohnheiten in einem Kalender abhaken und Streaks verfolgen kann, um motiviert zu bleiben. Also lasst es uns jetzt bauen. 🔥1. Entwerfen Sie die App zur Gewohnheitsverfolgung mit Canvas. Beginnen wir mit dem Ausprobieren der neuen unendlichen Leinwand von Replit mit dieser Aufforderung: Erstellen Sie eine mobile App zur Gewohnheitsverfolgung (maximal 3 Gewohnheiten). Zwei Registerkarten: Kalender (Standard) und Gewohnheiten (Erstellen/Bearbeiten). Registerkarte „Kalender“: Monatsansicht. Zeigen Sie in jedem Datumsring einen Fortschritt an, der sich füllt, wenn Gewohnheiten abgeschlossen sind. Tippen Sie auf ein Datum, um ein unteres Blatt mit Umschaltkarten für jede Gewohnheit zu öffnen. Registerkarte „Gewohnheiten“: Gewohnheiten erstellen und bearbeiten. Namensfeld, Farbzuordnung. Sauber und minimalistisch. Beginnen wir mit der Erkundung von 4 Designvarianten für die Kalenderregisterkarte auf Leinwand: Glassmorphic – dunkle Karten aus Milchglas, sanftes Leuchten, Premium-Feeling. RPG Quest – Pixelkunst, XP-Balken, Streifenflammen, gamifiziert. Botanisch – lebendige Gartenmetapher, Streifen wachsen Pflanzen, ruhig und erdig. Sie überraschen mich. Beachten Sie, wie ich Replit gebeten habe, vier verschiedene Designs zu erstellen. Hinter den Kulissen werden vier separate Agenten eingesetzt, die die Arbeit erledigen. Hier sind die ersten drei Designs, die daraus entstanden sind: Glassmorphic-, RPG- und botanische Designs für meine App zur Gewohnheitsverfolgung. Da ich im Herzen ein Gamer bin, werde ich mich für das RPG-Questdesign entscheiden. Lassen Sie uns nun die Designs mithilfe der Leinwand visuell bearbeiten. Sie können: Zusätzliche Bildschirme generieren. Klicken Sie auf die Schaltfläche „+“ für das RPG-Design und fordern Sie Folgendes auf: „Generieren Sie den Questbildschirm.“ Nehmen Sie präzise Änderungen vor. Klicken Sie auf das Inspektionssymbol und ändern Sie Text oder Farben manuell. Nachdem wir nun einen Kalender und eine Questansicht haben, die uns gefällt, lassen wir sie von Replit erstellen.2. Schnelleres Erstellen mit parallelen AgentenAnstatt mit jeweils einem Agenten zu erstellen, lassen wir zwei Agenten parallel arbeiten. In Replit können Sie jetzt separate Threads erstellen, um an verschiedenen Teilen der App zu arbeiten. Hier sind die Eingabeaufforderungen, die ich jedem Agenten gegeben habe: Kalenderansicht: Erstellen Sie die Monatsansicht, wischen Sie, um zwischen den Monaten zu scrollen, der heutige Tag ist hervorgehoben. Datumszellen zeigen Fortschrittsringe an, die sich füllen, wenn Gewohnheiten abgeschlossen sind (1/3, 2/3, 3/3). Tippen Sie auf ein Datum, um das untere Fach anzuzeigen, in dem ich drei Gewohnheiten ein-/ausschalten kann. Gewohnheitsansicht: Erstellen und bearbeiten Sie bis zu drei Gewohnheiten mit Namen und Farbe. Für jede Gewohnheit wird die aktuelle Streak-Anzahl angezeigt. Durch das Bearbeiten einer Gewohnheit wird ihr Streak auf Null zurückgesetzt. Nachdem Sie zwei Threads gestartet haben, können Sie sich nun zurücklehnen und den Agenten bei der Arbeit zusehen. Es gibt diese coole Board-Ansicht im Trello-Stil, in der Sie sehen können, wie sich Aufgaben durch drei Phasen bewegen: Entwürfe, Aktiv und Bereit. Entwürfe sind Pläne, die auf die Genehmigung warten. „Aktiv“ bedeutet, dass der Agent erstellt wird, und „Bereit“ bedeutet, dass die Arbeit erledigt und zur Überprüfung bereit ist: Dies ist meiner Meinung nach die Richtung, in die sich KI-Coding-Agenten bewegen. Anstatt die Programmierung paarweise mit einem Agenten durchzuführen, verwalten Sie ein Team von Agenten. Sie geben ihnen Anweisungen, treten zurück und kommen zurück, um die Arbeit zu überprüfen. Sobald die Agenten fertig sind, können Sie jede einzelne überprüfen und auf „Änderungen auf die Hauptversion anwenden“ klicken, um sie zusammenzuführen. Sie haben immer noch die Kontrolle darüber, was versendet wird. Wenn etwas nicht stimmt, können Sie vor dem Zusammenführen Änderungen anfordern. Sobald die App erstellt ist, können Sie sie mit einem Klick bereitstellen, indem Sie auf „Veröffentlichen“ klicken. Ein Vorteil von Replit besteht darin, dass es vertikal integriert ist und Frontend, Backend, Datenbank und Sicherheitsscans integriert sind.3. Generieren Sie ein Foliendeck und eine Animation mit Code. Das Foliendeck, das Replit für dieses Tutorial erstellt hat. Jetzt wollen wir noch etwas Spaß haben. In letzter Zeit ist mir klar geworden, dass Code die Grundlage aller Wissensarbeit ist. Mit Code können Sie nicht nur Apps, sondern auch Foliensätze, Animationen, Dokumente und mehr generieren. Ich habe zum Beispiel diesen vollständigen Newsletter-Beitrag in Replit eingefügt und diese Assets generiert: Foliendeck. Der Agent hat 10 Folien erstellt, in denen erläutert wird, wie Sie mit Agent 4 planen,Entwerfen und bauen Sie den Habit Tracker. Animation. Der Agent hat eine wunderschöne Animation mit benutzerdefinierten Grafiken und mehr erstellt. Folien, Animationen und Dokumente sind alles nur Code unter der Haube. Wenn ein Agent Code schreiben und iterieren kann, kann er fast jedes Wissensartefakt generieren. Ehrlich gesagt: Wo Replits Agent 4 in den KI-Codierungsmarkt passt. Ich denke, der KI-Codierungsmarkt hat sich in zwei Segmente gespalten – Tools für professionelle Entwickler und Tools für alle anderen. Für Entwickler denke ich, dass es ein Zweikampf zwischen Claude Code und OpenAIs Codex ist. Diese Tools sind leistungsstark, schnell und tief in die Arbeitsabläufe von Modellen und Entwicklern integriert. Für alle anderen – und das ist der größere Markt – geht Replit mit Agent 4 zwei Wetten ein: Nicht-technische Personen werden direkt mit KI-Agenten zusammenarbeiten. Designer werden KI verwenden, um Designs auf einer Leinwand zu generieren, anstatt sie manuell zu erstellen. PMs verwalten Agenten über ein Board im Trello-Stil, um ihre Arbeit zu erledigen. Code ist die Grundlage der Wissensarbeit. Wenn ein Agent Code schreiben kann, kann er Apps, Präsentationen, Animationen und mehr generieren. Denken Sie nur daran, wie viele Menschen Microsoft Office, Google Workspace und herkömmliche Design- oder Animationstools verwenden. Das ist der Markt, den Replit verfolgt. Ich denke, Agent 4 ist an beiden Fronten ein echter Fortschritt. Die Leinwand könnte etwas mehr Politur vertragen, aber die Richtung ist klar. Wir werden in Zukunft mit KI-Agenten zusammenarbeiten, um alle möglichen Dinge zu entwickeln, nicht nur Apps. Sehen Sie sich mein Tutorial an, um es in Aktion zu sehen, und probieren Sie Agent 4 selbst aus.
Replit Agent 4 ist da: Planen, entwerfen und erstellen Sie eine App zur Gewohnheitsverfolgung mit mehreren KI-Agenten
By Creator Economy
·
·
5 min read
·
734 views
Read in:
aa
ace
af
ak
alz
am
ar
as
awa
ay
az
ba
ban
be
bew
+191 more
bg
bho
bik
bm
bn
brx
bs
bug
ca
ceb
cgg
ckb
co
crh
cs
cv
cy
da
de
din
doi
dv
dyu
dz
ee
el
en
eo
es
et
eu
fa
ff
fi
fj
fo
fr
fur
fy
ga
gd
gl
gom
gn
gu
ha
haw
he
hi
hil
hne
hmn
hr
hrx
ht
hu
hy
id
ig
ilo
is
it
ja
jam
jv
ka
kab
kbp
kg
kha
kk
kl
km
kn
ko
kri
ku
ktu
ky
la
lb
lg
li
lij
ln
lo
lmo
lt
ltg
lua
luo
lus
lv
mai
mak
mg
mi
min
mk
ml
mn
mni-mtei
mos
mr
ms
mt
my
nd
ne
nl
nn
no
nr
nso
nus
ny
oc
om
or
pa
pag
pam
pap
pl
ps
pt
pt-br
qu
rn
ro
ru
rw
sa
sah
sat
sc
scn
sg
si
sk
sl
sm
sn
so
sq
sr
ss
st
su
sus
sv
sw
szl
ta
tcy
te
tg
th
ti
tiv
tk
tl
tn
to
tpi
tr
trp
ts
tt
tum
ty
udm
ug
uk
ur
uz
ve
vec
vi
war
wo
xh
yi
yo
yua
yue
zap
zh
zh-hk
zh-tw
zu
