📦

app-builder

Name: app-builder
Author: sickn33

Niedriges Risiko ⚙️ Externe Befehle

Erstellen Sie Full-Stack-Anwendungen mit AI-Agent-Koordination

Verwandeln Sie Anfragen in natürlicher Sprache in produktionsreife Anwendungen. App Builder analysiert Ihre Anforderungen, wählt den optimalen Tech-Stack und koordiniert spezialisierte AI-Agenten, um komplette Projekte von Grund auf zu erstellen.

Unterstützt: Claude Codex Code(CC)

🥉 72 Bronze

Die Skill-ZIP herunterladen

In Claude hochladen

Gehe zu Einstellungen → Fähigkeiten → Skills → Skill hochladen

Einschalten und loslegen

Teste es

Verwendung von "app-builder". Erstellen Sie eine Portfolio-Website mit Projektgalerie, Über-mich-Seite und Kontaktformular

Erwartetes Ergebnis:

Projekttyp: Statische Portfolio-Site
Vorlage: nextjs-static
Tech-Stack: Next.js 16, TypeScript, Tailwind CSS, Framer Motion
Plan erstellt: portfolio-setup.md
Generierte Dateien: 12 Komponenten, 4 Seiten, Konfigurationsdateien
Vorschau: https://portfolio-demo.vercel.app

Verwendung von "app-builder". Erstellen Sie eine Echtzeit-Chat-Anwendung mit Räumen und Direktnachrichten

Erwartetes Ergebnis:

Projekttyp: Echtzeit-Webanwendung
Vorlage: nextjs-fullstack
Tech-Stack: Next.js, PostgreSQL, Prisma, Supabase Realtime
Koordinierte Agenten: Datenbank-Architekt, Backend-Spezialist, Frontend-Spezialist
Implementierte Features: Benutzer-Auth, Chat-Räume, 1:1-Messaging, Nachrichtenverlauf, Tipp-Anzeigen
Deployment: Vercel mit Supabase-Integration konfiguriert

Sicherheitsaudit

Niedriges Risiko

v1 • 2/24/2026

Static analyzer flagged 195 patterns but all are false positives. The skill consists of Markdown documentation files, not executable code. Backtick patterns are Markdown code fences for displaying examples, not shell execution. Environment variable references document standard project structure. No malicious patterns detected. External commands risk factor retained because the skill instructs AI agents to run bash commands for project scaffolding and dependency installation.

Gescannte Dateien

1,632

Analysierte Zeilen

befunde

Gesamtzahl Audits

Probleme mit niedrigem Risiko (1)

templates/nextjs-fullstack/TEMPLATE.md:67-72 scaffolding.md:9-61

External Command Execution via Agent

Skill instructs AI agents to execute shell commands for project scaffolding, package installation, and database migrations. Commands include npm install, npx prisma, and create-next-app.

Risikofaktoren

⚙️ Externe Befehle (6)

agent-coordination.md:7-56 feature-building.md:7-22 project-detection.md:28-34 scaffolding.md:9-61 SKILL.md:19-24 templates/nextjs-fullstack/TEMPLATE.md:67-72

Auditiert von: claude

Qualitätsbewertung

Architektur

100

Wartbarkeit

Inhalt

Community

Sicherheit

Spezifikationskonformität

Was du bauen kannst

Schnelle SaaS-Produktentwicklung

Erstellen Sie eine komplette SaaS-Anwendung mit Authentifizierung, Zahlungsabwicklung und Dashboard aus einer einzigen Beschreibung. App Builder koordiniert Datenbank-Setup, API-Routen, Frontend-Komponenten und Stripe-Integration.

Plattformübergreifende Mobile-App-Erstellung

Generieren Sie React Native- oder Flutter-Anwendungen mit State-Management, Navigation und API-Integration. Wählen Sie zwischen Expo für schnelles Prototyping oder Bare-Workflow für native Module.

Enterprise-Monorepo-Scaffolding

Richten Sie Turborepo-gesteuerte Monorepos mit gemeinsamen Paketen, Apps und CI-CD-Pipelines ein. Konfigurieren Sie Pfad-Aliase, gemeinsame Typen und Deployments-Workflows über mehrere Anwendungen hinweg.

Probiere diese Prompts

Einfache Web-App-Anfrage

Erstellen Sie eine Blog-Plattform, auf der Benutzer Artikel schreiben, Tags hinzufügen und kommentieren können. Fügen Sie Benutzerauthentifizierung und ein Admin-Dashboard für die Content-Verwaltung hinzu.

E-Commerce-Plattform-Spezifikation

Erstellen Sie eine E-Commerce-Website mit Produktkatalog, Einkaufswagen, Stripe-Checkout, Bestellhistorie und E-Mail-Benachrichtigungen. Verwenden Sie Next.js für das Frontend und PostgreSQL für die Datenbank. Fügen Sie Bestandsverwaltung und Admin-Panel hinzu.

API-First-Backend-Service

Erstellen Sie eine REST-API für ein Aufgabenverwaltungssystem mit Benutzerauthentifizierung, Projekt-Workspaces, Aufgabenzuweisungen und Echtzeit-Benachrichtigungen. Verwenden Sie Express.js mit JWT-Auth, PostgreSQL und Redis für das Caching. Fügen Sie OpenAPI-Dokumentation und Unit-Tests hinzu.

Plattformübergreifende Desktop-Anwendung

Erstellen Sie eine Notiz-Desktop-App mit Electron und React. Zu den Funktionen gehören Markdown-Bearbeitung, Ordnerorganisation, Volltextsuche und Cloud-Sync. Speichern Sie Daten lokal mit SQLite und bieten Sie optionale Dropbox-Integration für Backups.

Bewährte Verfahren

Überprüfen Sie immer die generierte Plan-Datei, bevor spezialisierte Agenten mit der Implementierung beginnen
Geben Sie Ihren bevorzugten Tech-Stack in der ersten Anfrage an, um Rückfragerunden zu vermeiden
Führen Sie häufig Preview-Deployments durch, um die Funktionalität während der Entwicklung zu validieren

Vermeiden

Das Überspringen des Plan-Verifizierungs-Checkpoints führt zu einer nicht übereinstimmenden Implementierung
Das gleichzeitige Anfordern mehrerer unabhängiger Features reduziert die Code-Qualität
Das Ignorieren der Einrichtung von Umgebungsvariablen verursacht Laufzeitfehler in Datenbank und Auth

Häufig gestellte Fragen

Wie bestimmt App Builder, welche Projektvorlage verwendet werden soll?

App Builder verwendet Keyword-Matching gegenüber einer Matrix von 15+ Projekttypen. Zum Beispiel triggern 'Blog' oder 'Dokumentation' die Astro-Static-Vorlage, während 'E-Commerce' oder 'Zahlung' Next.js SaaS auswählt. Mehrdeutige Anfragen lösen Rückfragen aus.

Kann ich den Standard-Tech-Stack anpassen?

Ja, geben Sie Ihre bevorzugten Technologien in der ersten Anfrage an. App Builder verwendet standardmäßig Next.js 16, TypeScript, Tailwind CSS und PostgreSQL, aber Sie können Alternativen wie FastAPI, Flutter oder Express anfordern.

Führt App Builder Code auf meinem Rechner aus?

App Builder generiert Befehle und Anweisungen für AI-Agenten zur Ausführung. Befehle wie npm install oder Datenbank-Migrationen erfordern Benutzerbestätigung. Der Skill selbst ist eine Dokumentation, die den Entwicklungs-Workflow anleitet.

Wie lange dauert es, ein komplettes Projekt als Gerüst zu erstellen?

Einfache Projekte werden in 5-10 Minuten als Gerüst erstellt. Full-Stack-Anwendungen mit Authentifizierung, Datenbank und mehreren Features werden typischerweise in 15-30 Minuten abgeschlossen, abhängig von der Komplexität und der Anzahl der beteiligten spezialisierten Agenten.

Kann App Builder Features zu bestehenden Projekten hinzufügen?

Ja, der Feature-Building-Workflow analysiert bestehende Codebasen, erstellt Änderungspläne und implementiert Verbesserungen iterativ. Er erkennt Projektstruktur und folgt etablierten Mustern.

Was passiert, wenn während der Entwicklung ein Fehler auftritt?

App Builder implementiert automatische Fehlerwiederherstellung: Fehlererkennung, Versuch von Korrekturen, Vorschlag von Alternativen und Rollback von Änderungen bei Bedarf. Häufige Probleme wie TypeScript-Fehler oder fehlende Abhängigkeiten haben vordefinierte Lösungen.