Skip to content

Playbooks System

Hinweis: Diese Seite beschreibt die technische Umsetzung unserer Constitutional Engineering Philosophie. Falls Sie noch nicht über die philosophische Grundlage gelesen haben, empfehlen wir, dort zu beginnen, um das "Warum" hinter Playbooks zu verstehen.

Das Playbooks-System ist Hatchers Lösung der zweiten Generation für das Kontextproblem in der AI-Entwicklung. Während statische Dateien wie Claude.md einen Ausgangspunkt bieten, bieten Playbooks ein dynamisches, zentralisiertes und steuerbares System, das als echte Corporate Constitution für Ihre AI-Agenten fungiert.

Was sind Playbooks?

Playbooks sind strukturierte Konfigurationsdateien, die Folgendes von Ihrem Team erfassen:

  • Codierungsstandards: Formatierung, Namenskonventionen und Stilpräferenzen
  • Architekturentscheidungen: Komponentenmuster, State-Management-Ansätze
  • Framework-Spezifika: Bibliotheksspezifische Best Practices und Muster
  • Geschäftsregeln: Domänenspezifische Logik und Einschränkungen

Playbook-Struktur

Ein grundlegendes Playbook folgt dieser Struktur:

json
{
  "name": "Vue 3 Component Standards",
  "version": "1.0.0",
  "framework": "vue",
  "rules": [
    {
      "category": "components",
      "type": "naming",
      "pattern": "PascalCase",
      "description": "All Vue components must use PascalCase naming"
    },
    {
      "category": "composition",
      "type": "api",
      "preference": "composition-api",
      "description": "Prefer Composition API over Options API"
    }
  ],
  "examples": [
    {
      "title": "Standard Component Structure",
      "code": "..."
    }
  ]
}

Integrierte Playbooks

Hatcher wird mit kuratierten Playbooks für beliebte Frameworks ausgeliefert:

Vue.js Playbooks

  • Vue 3 + TypeScript: Moderne Kompositionsmuster
  • Nuxt.js: SSR- und dateibasierte Routing-Konventionen
  • Pinia: State-Management Best Practices

React Playbooks

  • React + TypeScript: Funktionale Komponenten und Hooks
  • Next.js: App Router und Server-Komponenten
  • Zustand: Leichtgewichtiges State-Management

Universal Playbooks

  • TypeScript Standards: Typdefinitionen und Generics
  • CSS-in-JS: Styled-components und Emotion-Muster
  • Testing: Jest- und Cypress-Konventionen

Erstellen benutzerdefinierter Playbooks

Teamspezifische Regeln

Erstellen Sie Playbooks, die die einzigartigen Konventionen Ihres Teams erfassen:

json
{
  "name": "Acme Corp Standards",
  "extends": ["vue3-typescript"],
  "rules": [
    {
      "category": "api",
      "type": "structure",
      "pattern": "services/api/*.service.ts",
      "description": "All API calls must go through service layer"
    },
    {
      "category": "components",
      "type": "props",
      "requirement": "interfaces",
      "description": "Component props must use TypeScript interfaces"
    }
  ]
}

Projektspezifischer Kontext

Fügen Sie projektspezifisches Wissen hinzu:

json
{
  "name": "E-commerce Dashboard",
  "extends": ["acme-corp-standards"],
  "context": {
    "domain": "e-commerce",
    "entities": ["Product", "Order", "Customer"],
    "apis": [
      {
        "name": "OrdersAPI",
        "baseUrl": "/api/orders",
        "methods": ["GET", "POST", "PUT", "DELETE"]
      }
    ]
  }
}

Playbook-Vererbung

Playbooks unterstützen Vererbung für skalierbare Konfiguration:

Universal TypeScript

Vue 3 + TypeScript

Acme Corp Standards

Project-Specific Rules

AI-Integration

Hatcher fügt automatisch relevanten Playbook-Kontext in AI-Prompts ein:

Kontextauswahl

  • Automatisch: Basierend auf Dateitypen und Projektstruktur
  • Manuell: Explizit angeben, welche Playbooks verwendet werden sollen
  • Smart: Lernen Sie im Laufe der Zeit aus Ihren Präferenzen

Prompt-Verbesserung

AI-Engines erhalten strukturierten Kontext wie:

CONTEXT: Vue 3 Component Creation
PLAYBOOK: vue3-typescript, acme-corp-standards
RULES:
- Use Composition API with <script setup>
- Props must use TypeScript interfaces
- Components must be PascalCase
- API calls go through service layer

Marketplace & Teilen

Community Playbooks

Durchsuchen und installieren Sie von der Community erstellte Playbooks:

  • Framework-spezifisch: Optimierte Muster für beliebte Bibliotheken
  • Branchenspezifisch: Domänenwissen für verschiedene Sektoren
  • Team-getestet: Real-World-Konventionen aus erfolgreichen Projekten

Veröffentlichen Ihrer Playbooks

Teilen Sie das Fachwissen Ihres Teams:

bash
hatcher playbook publish acme-corp-standards

Versionsverwaltung

  • Semantic Versioning: Änderungen und Kompatibilität verfolgen
  • Update-Benachrichtigungen: Bleiben Sie mit Community-Verbesserungen auf dem Laufenden
  • Rollback-Unterstützung: Problematische Updates sicher zurücksetzen

Konfiguration

Globale Playbooks

Legen Sie Standard-Playbooks für alle Projekte fest:

json
{
  "globalPlaybooks": ["typescript-standards", "git-conventions"]
}

Projekt-Override

Geben Sie projektspezifische Playbooks in hatcher.config.json an:

json
{
  "playbooks": ["vue3-typescript", "team-standards", "./custom-playbook.json"]
}

Bedingtes Laden

Laden Sie verschiedene Playbooks basierend auf dem Kontext:

json
{
  "conditional": {
    "**/*.test.ts": ["testing-standards"],
    "src/components/**": ["component-standards"],
    "src/api/**": ["api-standards"]
  }
}

Best Practices

Einfach anfangen

Beginnen Sie mit Framework-Grundlagen und fügen Sie schrittweise teamspezifische Regeln hinzu:

  1. Framework-Playbook installieren: Erhalten Sie sofort 80% Abdeckung
  2. Teamregeln hinzufügen: Erfassen Sie einzigartige Konventionen
  3. Im Laufe der Zeit verfeinern: Aktualisieren Sie basierend auf der tatsächlichen Nutzung

Halten Sie es aktuell

  • Regelmäßige Überprüfungen: Aktualisieren Sie Playbooks, wenn sich Muster weiterentwickeln
  • Team-Feedback: Beziehen Sie das gesamte Team in die Playbook-Wartung ein
  • Versionskontrolle: Verfolgen Sie Playbook-Änderungen zusammen mit dem Code

Auswirkungen messen

  • Konsistenz-Metriken: Verfolgen Sie die Einhaltung definierter Muster
  • Geschwindigkeitsverbesserungen: Messen Sie Entwicklungsgeschwindigkeitsgewinne
  • Qualitätsindikatoren: Überwachen Sie reduziertes Code-Review-Feedback

Zukünftige Features

AI-generierte Playbooks

Generieren Sie automatisch Playbooks durch Analyse bestehender Codebasen.

Echtzeit-Validierung

Live-Feedback während der Codierung, um Playbook-Konformität sicherzustellen.

Team-Zusammenarbeit

Kollaborative Bearbeitungs- und Genehmigungsworkflows für Playbook-Updates.

Das Playbooks-System verwandelt AI von einem generischen Code-Generator in ein spezialisiertes Mitglied Ihres Teams, das Ihre genauen Anforderungen und Konventionen versteht.

Erstellen Sie Ihr erstes Playbook

Verwandeln Sie AI in ein spezialisiertes Teammitglied, das Ihre genauen Standards befolgt