Vollständiger Skill-Katalog
Alle gebündelten VibeKit-Skills, wann du sie nutzt und wo die vollständigen Anleitungen liegen.
Nutze $skill-name in deinem Coding-Agenten oder bitte ihn, die angegebene SKILL.md-Datei zu lesen. Pfade gelten relativ zum Projekt-Root. Jede Datei enthält den vollständigen Ablauf und Links zu unterstützenden Referenzen; dieser Katalog erklärt, wann welcher Skill gewählt wird. Starte mit Vibe-Coding für deine Seite für den Gesamtprozess.
Starten und Planen
resolve-product-decisions
Einen Plan einem Stresstest unterziehen oder wesentliche Produktentscheidungen in einem fokussierten Interview Frage für Frage klären.
.agents/skills/orchestration/resolve-product-decisions/SKILL.md
vibekit-deploy
Ein Produkt aus der VibeKit-Vorlage starten, einen vollständigen Produktaufbau koordinieren oder ein ausdrücklich angefordertes Deployment ausführen.
.agents/skills/orchestration/vibekit-deploy/SKILL.md
Vollständige Arbeitsabläufe
billing-and-monetization-setup
Das Abrechnungs-Setup durchgängig über Zahlungsanbieter, Preiskatalog, signierte Webhooks und serverseitige Berechtigungen koordinieren.
.agents/skills/orchestration/billing-and-monetization-setup/SKILL.md
full-stack-feature-lifecycle
Einen vollständigen Feature-Slice über Persistenz, API, UI, Lokalisierung, Tests und Benutzerdokumentation koordinieren.
.agents/skills/orchestration/full-stack-feature-lifecycle/SKILL.md
test-and-qa-pipeline
Das Testen für einen Meilenstein oder eine umfassende QA-Aufgabe koordinieren und Einzelfehler an den zuständigen Skill weiterleiten.
.agents/skills/orchestration/test-and-qa-pipeline/SKILL.md
Setup und Umgebung
adding-a-dependency
Eine npm-Abhängigkeit im passenden VibeKit-Bun-Workspace ergänzen, verschieben oder entfernen, ohne vorhandene Fähigkeiten zu doppeln.
.agents/skills/setup-and-environment/adding-a-dependency/SKILL.md
deploy-and-env-vars
VibeKit-Deployment-Ziele, Domains, Umgebungsvariablen, Migrationen, Webhooks und die Produktionsprüfung konfigurieren.
.agents/skills/setup-and-environment/deploy-and-env-vars/SKILL.md
local-environment-setup
Den lokalen Bun-Workspace, eine wegwerfbare Datenbank, die Sandbox und den Entwicklungsserver einrichten und prüfen.
.agents/skills/setup-and-environment/local-environment-setup/SKILL.md
update-to-latest-template
Eine angepasste VibeKit-Seite anhand verifizierter Releases aktualisieren, Produktentscheidungen beibehalten, Konflikte auflösen und das Ergebnis vor dem Weitersetzen der Baseline prüfen.
.agents/skills/setup-and-environment/update-to-latest-template/SKILL.md
Features bauen
add-api-procedure
Eine tRPC-Query oder -Mutation mit Zod-Validierung, Tenant-Autorisierung, Fehlerbehandlung und Client-Hooks hinzufügen.
.agents/skills/building-features/add-api-procedure/SKILL.md
add-a-feature-module
Ein Produkt-Feature-Modul und eine Route aufbauen und API, Tenant-Kontext, Navigation, lokalisierte Texte und UI-Zustände verdrahten.
.agents/skills/building-features/add-a-feature-module/SKILL.md
add-a-marketing-page-or-blog-post
Eine lokalisierte öffentliche Marketing-Seite oder einen Fumadocs-MDX-Blogartikel mit Metadaten, SEO und responsiven Design-Tokens hinzufügen.
.agents/skills/building-features/add-a-marketing-page-or-blog-post/SKILL.md
add-a-notification
Einen neuen In-App-Benachrichtigungstyp in VibeKit über Datenbank-Enums, den Benachrichtigungskatalog, Dispatch-Helfer und lokalisierte Texte anlegen.
.agents/skills/building-features/add-a-notification/SKILL.md
add-a-ui-component
Ein wiederverwendbares, barrierefreies React-UI-Primitiv in VibeKit mit Tailwind CSS, CVA-Varianten und semantischen Design-Tokens ergänzen oder erweitern.
.agents/skills/building-features/add-a-ui-component/SKILL.md
add-organization-scoped-feature
Mandantenbezogene Daten und Logik unter der aktiven Organisation (Team) mit strikter serverseitiger Mandantentrennung aufbauen.
.agents/skills/building-features/add-organization-scoped-feature/SKILL.md
create-design-md
DESIGN.md anlegen oder aktualisieren und Vorgaben über bestehende Design-Tokens und UI-Komponenten anwenden.
.agents/skills/building-features/create-design-md/SKILL.md
customize-feedback-module
Das integrierte Feedback-Widget und das Admin-Triage-System in VibeKit konfigurieren, anpassen oder erweitern.
.agents/skills/building-features/customize-feedback-module/SKILL.md
remove-or-disable-a-capability
Eine ererbte VibeKit-Funktion über Routen, UI, API-Prozeduren, Navigation und Konfiguration sauber entfernen oder deaktivieren, ohne toten Code oder defekte Links zu hinterlassen.
.agents/skills/building-features/remove-or-disable-a-capability/SKILL.md
Authentifizierung und Zahlungen
add-a-payment-provider
Die typisierten Zahlungsadapter, den Katalog, Checkout, das Kundenportal und signierte Webhooks konfigurieren oder erweitern.
.agents/skills/auth-and-payments/add-a-payment-provider/SKILL.md
add-auth-flow-or-better-auth-plugin
Better-Auth-Flows, soziale OAuth-Anbieter (Google, GitHub, Apple und Microsoft), Plugins, E-Mail-OTP, Sessions und optionale MCP-Client-Setups konfigurieren.
.agents/skills/auth-and-payments/add-auth-flow-or-better-auth-plugin/SKILL.md
add-or-change-a-payment-plan
Serverseitig definierte Preispläne und Anbieter-Preisverknüpfungen hinzufügen, anpassen oder archivieren, ohne die Billing-Adapter zu ändern.
.agents/skills/auth-and-payments/add-or-change-a-payment-plan/SKILL.md
Daten und Provider
add-or-edit-an-email
Eine lokalisierte React-Email-Vorlage anlegen oder anpassen oder bestehende Mail-Transportadapter erweitern.
.agents/skills/data-and-integrations/add-or-edit-an-email/SKILL.md
add-provider
Einen Anbieter für Zahlungen, E-Mail, Speicher, KI, Analytics oder Authentifizierung über die bestehenden Erweiterungspunkte hinzufügen oder konfigurieren.
.agents/skills/data-and-integrations/add-provider/SKILL.md
add-translations
Übersetzungsschlüssel ergänzen, lokalisierte Texte einbinden, Sprachparität prüfen oder eine aktivierte Sprache in VibeKit registrieren.
.agents/skills/data-and-integrations/add-translations/SKILL.md
database-schema-change
Leitfaden für sichere Änderungen an VibeKits Prisma-Datenbankschema, Mandantenmodellen, Relationen, Migrationen, Zod-Schemas und Client-Exporten.
.agents/skills/data-and-integrations/database-schema-change/SKILL.md
Prüfen und Ausliefern
simple-implementation
Ein Feature mit der kleinstmöglichen vollständigen Änderung umsetzen oder reparieren und vorhandenen Code vor neuen Abstraktionen oder Abhängigkeiten wiederverwenden.
.agents/skills/quality-and-shipping/simple-implementation/SKILL.md
plain-language
Dokumentation und Erklärungen in klarer, verständlicher Sprache schreiben oder umschreiben und dabei Fakten und technische Details exakt erhalten.
.agents/skills/quality-and-shipping/plain-language/SKILL.md
debugging-a-failing-ci-run
Die tatsächlichen Bun-, Prisma-, TypeScript- und Playwright-Prüfungen des Repository-CI-Workflows nachstellen und analysieren.
.agents/skills/quality-and-shipping/debugging-a-failing-ci-run/SKILL.md
first-principles-review
Anforderungen und Komplexität hinterfragen, toten Code aufspüren und nur innerhalb des vereinbarten Rahmens vereinfachen.
.agents/skills/quality-and-shipping/first-principles-review/SKILL.md
publish-a-release
Ein kundenorientiertes VibeKit-Release mit sicheren Release Notes, Archiven und SHA-256-Prüfsummen vorbereiten, schnüren, prüfen und veröffentlichen.
.agents/skills/quality-and-shipping/publish-a-release/SKILL.md
reviewing-a-pr
Einen Pull Request oder Git-Diff gegen VibeKits Standards für Sicherheit, Mandantenfähigkeit, Architektur, Lokalisierung und Qualität prüfen.
.agents/skills/quality-and-shipping/reviewing-a-pr/SKILL.md
update-the-docs
Entwickler- und Benutzerdokumentation in VibeKit mit Fumadocs-MDX in apps/web/content/docs pflegen und verfassen.
.agents/skills/quality-and-shipping/update-the-docs/SKILL.md
verify-changes
Die Prüfungen auswählen und ausführen, die eine VibeKit-Änderung nachweisen, und Regressionen vor der Übergabe beheben.
.agents/skills/quality-and-shipping/verify-changes/SKILL.md
writing-e2e-tests
Playwright-End-to-End-Browsertests in apps/web/tests/ für Authentifizierung, Dashboards, Abrechnung und Marketing erstellen, ausführen und analysieren.
.agents/skills/quality-and-shipping/writing-e2e-tests/SKILL.md
writing-unit-tests
Fokussierte Unit-Tests für TypeScript-Logik, Validierungsschemas, Hilfsfunktionen und Server-Prozeduren mit Bun und bun:test oder node:test erstellen und ausführen.
.agents/skills/quality-and-shipping/writing-unit-tests/SKILL.md
Provider-Setup
VibeKit Deploy ruft zuerst einen Kategorie-Skill auf, der die bedarfsweise Referenzanleitung für den gewählten Anbieter lädt. Bestätigte Entscheidungen werden weitergeführt; nach dem Setup geht der Ablauf mit der nächsten Kategorie weiter.
| Skill | Zweck | Lokale Datei |
|---|---|---|
ai-providers | KI: Anbieter wählen und dessen Referenzanleitung laden. | .agents/skills/providers/ai-providers/SKILL.md |
analytics-providers | Analytics: Anbieter wählen und dessen Referenzanleitung laden. | .agents/skills/providers/analytics-providers/SKILL.md |
authentication-providers | Authentifizierung: Anbieter wählen und dessen Referenzanleitung laden. | .agents/skills/providers/authentication-providers/SKILL.md |
email-providers | E-Mail: Anbieter wählen und dessen Referenzanleitung laden. | .agents/skills/providers/email-providers/SKILL.md |
payment-providers | Zahlungen: Anbieter wählen und dessen Referenzanleitung laden. | .agents/skills/providers/payment-providers/SKILL.md |
storage-providers | Speicher: Anbieter wählen und dessen Referenzanleitung laden. | .agents/skills/providers/storage-providers/SKILL.md |