VORLAGEN
UI-Vorlagen für KI-Agenten.
Komplette App- und Website-Designs, nicht nur Themes: jeder Screen, den ein Produkt braucht, mit realistischen Inhalten, in schlichtem HTML und Tailwind. Klone eine Vorlage, und Codex oder Claude Code macht daraus dein Produkt.
- Lauf-AppMobile appEine kostenlose UI-Vorlage für Lauf- und Fitness-Apps: acht Smartphone-Screens in HTML und Tailwind mit Designsystem, bereit für Codex oder Claude Code.8 screens · Free and open source
- Lieferdienst-AppMobile appEine kostenlose UI-Vorlage für Lieferdienst-Apps: acht Smartphone-Screens in HTML und Tailwind, vom Menü bis zum Tracking, bereit für Codex oder Claude Code.8 screens · Free and open source
- Budget-AppMobile appEine kostenlose UI-Vorlage für Budget-Apps: acht Smartphone-Screens in HTML und Tailwind mit Zahlen, die aufgehen, bereit für Codex oder Claude Code.8 screens · Free and open source
- Meditations-AppMobile appEine kostenlose UI-Vorlage für eine Meditations- und Schlaf-App: acht Screens in HTML und Tailwind, vom Player über eine Atemübung bis zu Einschlafgeschichten.8 screens · Free and open source
So funktionieren die Vorlagen
- Wähle eine Vorlage für die Art von Produkt, die du baust.
- Kopiere nur diese eine mit
npx degit ummydev/ui-templates/apps/<name> my-app. - Bitte deinen Agenten, sie zu deiner zu machen. Jede Vorlage bringt ihr Designsystem als DESIGN.md mit, sodass jeder neue Screen zu den vorhandenen passt.
Alle Vorlagen sind kostenlos und Open Source unter der MIT-Lizenz, auf GitHub unter ummydev/ui-templates. Weitere sind unterwegs: eine SaaS-Landingpage und ein SaaS-Dashboard.
Häufige Fragen
Warum HTML und Tailwind statt eines Frameworks?
Schlichtes HTML öffnet sich überall, und jeder KI-Agent kann es lesen. Sobald das Design dir gehört, bitte deinen Agenten, es in React, Next.js, React Native, SwiftUI oder Flutter neu aufzubauen.
Kann ich auch mit einem Designsystem anfangen?
Ja. Die Designsystem-Bibliothek hat 24 Systeme für Websites und Apps, die du deinem Agenten als DESIGN.md geben kannst.