Vibekit

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.

SkillZweckLokale Datei
ai-providersKI: Anbieter wählen und dessen Referenzanleitung laden..agents/skills/providers/ai-providers/SKILL.md
analytics-providersAnalytics: Anbieter wählen und dessen Referenzanleitung laden..agents/skills/providers/analytics-providers/SKILL.md
authentication-providersAuthentifizierung: Anbieter wählen und dessen Referenzanleitung laden..agents/skills/providers/authentication-providers/SKILL.md
email-providersE-Mail: Anbieter wählen und dessen Referenzanleitung laden..agents/skills/providers/email-providers/SKILL.md
payment-providersZahlungen: Anbieter wählen und dessen Referenzanleitung laden..agents/skills/providers/payment-providers/SKILL.md
storage-providersSpeicher: Anbieter wählen und dessen Referenzanleitung laden..agents/skills/providers/storage-providers/SKILL.md

On this page