Firecrawl baut Alloy, ein internes Design-Harness für KI-Agenten

Ein Arbeitsraum rund um den Agenten, kein neuer Agent

Alloy wird als Design-Harness beschrieben: der Kontext, die Werkzeuge und die Steuerung rund um ein Modell, die es für eine echte Aufgabe nutzbar machen. Der Agent selbst läuft in Codex oder Cursor und erstellt oder bearbeitet die zugrunde liegenden Projektdateien. Alloy legt fest, welchen Kontext der Agent erhält, zeigt das Ergebnis, speichert jede Version und gibt freigegebenen Arbeiten einen festen Platz.

In der Praxis liegen Briefings, Referenzen, Chats, Markenrichtlinien, Skills, Vorschauen und gespeicherte Iterationen an einem Ort. Tools und Automatisierungen unterstützen die wiederholbare Produktion, und eine Library enthält die Arbeiten, die das Team zur Veröffentlichung ausgewählt hat. Hanak nennt es seine „Design-Fabrik“, eine Anspielung auf Software-Fabriken, in denen Agenten Pull Requests öffnen, prüfen und mergen. In Alloy lenkt weiterhin ein Mensch die Arbeit und entscheidet, was ausgeliefert wird.

Firecrawl setzt in dem Tool auch das eigene Produkt ein: Alloy nutzt Firecrawl, um im Web nach Design-Referenzen zu suchen.

Warum Firecrawl Alloy gebaut hat

Hanak sagt, er sei schon die Person gewesen, die Designer brieft, die Person, die auf Design-Kapazität wartet, und die Person, die die Arbeit selbst erledigt. Alloy sei aus Frustrationen in allen drei Rollen entstanden. Jeder Launch erzeugt einen Strom an visueller Arbeit, darunter Produktdemos, Grafiken, Social-Media-Assets, Animationen, Diagramme und Vertriebsmaterialien, jeweils mit eigenen Formaten und Überarbeitungen.

Er nennt ein Beispiel: Ein recht einfaches Sell Sheet habe drei bis vier Tage Durchlaufzeit gehabt, weil die Designerin oder der Designer andere Prioritäten hatte. Das sei ein Problem von Kapazität und Arbeitsablauf, denn das Dokument habe vor allem in einer Warteschlange gelegen. Alloy soll Designentscheidungen und Produktionsmuster wiederverwendbar machen, sodass jedes neue Asset auf früherer Arbeit aufbaut. Zugleich übernehmen die Menschen, die das Briefing verstehen, mehr von der Produktion, und die visuelle Identität der Marke bleibt gewahrt.

Der Beitrag ordnet Alloy in einen größeren Trend ein. Der Bau interner Tools sei 2026 zur Norm geworden, heißt es, und er verweist auf Protodash, eine interne Prototyping-Plattform, die der Stripe-Designmanager Owen Williams für hochauflösende Dashboard-Prototypen gebaut hat. Laut Hanak zielt Protodash auf Produktprototypen und Alloy auf Marken- und Launch-Assets, doch beide geben einem Agenten die Komponenten, Regeln und den Kontext eines Unternehmens in einem auf dessen Workflow zugeschnittenen Tool an die Hand.

Was in Alloy steckt

Der Beitrag listet die wichtigsten Komponenten auf:

• Canvases: ein visueller Raum für Briefings, Referenzen, Arbeitsmaterial und gespeicherte Iterationen, sodass der Kontext direkt neben dem Ergebnis bleibt.
• Chat: mehrere Chats pro Canvas, mit Inline-@-Tags oder ausgewählten Elementen, um gezielt Kontext mitzugeben.
• Markenrichtlinien: eine gepflegte Quelle für Typografie, Farben, Marken, Layout, Bewegung und Designprinzipien. Der Agent erhält exakte Werte, etwa echte Hex-Codes und die Schriftskala, statt zu raten.
• Skills: wiederverwendbare Anweisungen für Layout, Typografie, Interface-Details und Barrierefreiheit.
• Vorschauen: ein Ort, um Ergebnisse zu prüfen, durch Bewegungsabläufe zu scrubben, Versionen zu speichern und mit der stärksten Richtung weiterzuarbeiten. Native Projektdateien bleiben erhalten, sodass Kompositionen editierbar sind.
• Library: Arbeiten, die jemand bewusst veröffentlicht hat, damit Teammitglieder sie finden und wiederverwenden können. Experimente bleiben bis dahin auf dem Canvas.
• Tools: wiederverwendbare Generatoren und visuelle Behandlungen, etwa Diagrammstile oder Layouts, die dem Agenten einen konsistenten Ausgangspunkt bieten.
• Automatisierungen: Abläufe für wiederkehrende Aufgaben, zum Beispiel, aus einem Bild ein Launch-Paket für E-Mail, Changelog und Blog zu machen.
• Recreation: verwandelt ein Video, ein GIF, einen Link oder eine Live-Seite in eine editierbare, native Animation.
• Sound: Musikkarten, per Code erzeugte Soundeffekte und Werkzeuge, um Audio mit einem Video zu synchronisieren und zu mischen.

Editierbare Demos und was sie fürs Team bedeuten

Editierbare Produktdemos seien der größte Gewinn gewesen, sagt Hanak. Firecrawl tritt auf vielen Oberflächen in Erscheinung, darunter im Terminal und in Apps wie Grok, Claude und ChatGPT. Wiederverwendbare Nachbauten dieser Oberflächen geben dem Team eine Grundlage, um unterschiedliche Workflows zu erklären.

Eine Bildschirmaufnahme halte nur eine einzige Abfolge von Ereignissen fest, schreibt er. Während eines Launches könnten sich Oberfläche, Formulierungen, Timing oder Story noch ändern, und eine kleine Änderung könne unverhältnismäßig viel Nacharbeit auslösen. Mit einer editierbaren Demo kann sich eine Launch-Demo weiter verändern, ohne neu aufgenommen werden zu müssen.

Für Firecrawl besteht das erklärte Ergebnis darin, dass Teammitglieder ohne Designexpertise die benötigten Assets selbst erzeugen können, während Markenregeln und handwerkliches Wissen dem Agenten mitgegeben werden, statt dem Zufall überlassen zu bleiben. Hanak beschreibt die Haltung als eine, in der alle Builder sind, auch das Designteam. Alloy ist ein internes Tool, und der Beitrag kündigt keine öffentliche Veröffentlichung an.