Dateien bearbeiten
Der Agent liest dein CSS und HTML, um Layoutfehler zu beheben.
Produkt
Portfolio-Website-Vorlagen, erstellt von deinem Agenten
01
LayerPrism hilft dir, Portfolio-Website-Vorlagen zu erstellen, indem es deine Dateien liest, Stylesheets bearbeitet und Build-Befehle lokal auf deinem Windows-PC ausführt.
Befehle ausführen
Er führt deine Build-Tools aus und zeigt den tatsächlichen Exit-Code an.
Tokens prüfen
Er erkennt wiederholte Farben und schlägt Design-Tokens zur Wiederverwendung vor.
Kernfunktionen
- DateienDateien in deinem Arbeitsordner lesen, schreiben, bearbeiten, löschen und durchsuchen.
- ShellFührt Terminalbefehle wie Linter aus und zeigt den tatsächlichen Exit-Code an.
- WebDurchsucht das Internet oder ruft eine einzelne Seite über http_get ab.
- Screenshots und BilderErstellt Bilddateien oder liest Text aus Screenshots.
- OrchestrierungNutzt Aufgaben für parallele Arbeit und Skills für wiederverwendbare Playbooks.
- GenehmigungsmodiAuto-run, Ask first oder Plan only für deine Kontrolle.
- CronFührt geplante Prompts aus, um die Konsistenz deines Projekts über die Zeit zu sichern.
- ModelleNutzt einen Cloud-Anbieter, ein lokales Modell oder die integrierte Option.
So funktioniert der Agent
Der Agent agiert in deinem Chat und zeigt jede Aktion als Karte mit dem tatsächlichen Ergebnis.
Mache den Header auf mobilen Geräten responsiv.
- list_dir
src/components5 Dateien - read_file
header.html12 Zeilen gelesen - grep
flex-direction3 Treffer - edit_file
header.css1 Änderung gespeichert - Shell
your build commandexit 0
Wartet auf Ihre Zustimmung zum nächsten SchrittAblehnenAkzeptieren
Häufige Aufgaben
Ein Portfolio verbessern
Der Agent nutzt list_dir und read_file, um deine HTML-Struktur zu finden, das Hauptlayout zur Überprüfung zu identifizieren und das CSS auf fehlende Media Queries zu prüfen. Starte hier. Er schlägt vor, wiederholte Farbwerte in Design-Tokens im Root-Selector zu bündeln. Du überprüfst den Diff im Ask first-Modus, bevor die Änderungen übernommen werden. Webentwickler nutzen Tools für moderne Websites, die helfen, konsistente Styles über Projekte hinweg zu pflegen. Dieser Ansatz hält deine Portfolio-Website-Vorlagen konsistent und wartbar für zukünftige Updates. Die Oberfläche zeigt Karten mit echten Ergebnissen für jede vom Agenten ausgeführte Aktion. Persönliche Website-Vorlagen profitieren von dieser aufgeräumten, Token-basierten Struktur, die Konsistenz auf allen Seiten gewährleistet.
Eine persönliche Seite stylen
Der Agent bearbeitet deine Site-Layouts, um Abstände und Kontraste zu korrigieren, und du überprüfst den Diff, bevor du Änderungen im Ask first-Modus akzeptierst. Er arbeitet lokal. Das Tool liest die Markup-Dateien direkt aus deinem Ordner. Es schreibt die notwendigen CSS-Regeln, um das Design zu aktualisieren. Ein mentales Modell für den Start des UI-Development-Layouts hilft, die Struktur klar zu halten. Der Agent führt deinen eigenen Check-Befehl aus, um die Syntax zu verifizieren. Du kannst auf Plan only wechseln, um die Schritte zuerst zu prüfen. Die Website benötigt Designphilosophie und Kohärenz, um konsistent auszusehen.
Was LayerPrism nicht tut
Es ist kein gehosteter Dienst oder Plugin; es ist ausschließlich für deine eigenen Dateien und Systeme oder solche gedacht, für die du die Erlaubnis hast. Der Leser hält die Arbeit im Scope, da der Agent dies nicht erzwingt. Überprüfe den Diff und teste; keine Garantie, dass die Ausgabe korrekt ist.
