Communitygithub.com

tomershahar/user-story-mapping-skill

Eine Claude-Fertigkeit für kollaboratives User Story Mapping nach Jeff Pattons Methodik – mit Coaching-Modus, Generierungsmodus, Mermaid-Ausgabe und MCP-Integrationen für Figma, Miro, Jira und Linear.

Was ist user-story-mapping-skill?

Diese Fertigkeit ermöglicht es Claude, den gesamten User-Story-Mapping-Prozess nach Jeff Pattons bewährter Methode zu unterstützen. Sie bietet zwei Betriebsmodi: Im Coaching-Modus leitet Claude den Nutzer durch die Schritte der Kartenerstellung, identifiziert Aktivitäten, Aufgaben und User Stories und visualisiert sie als Mermaid-Diagram. Im Generierungsmodus erstellt Claude auf Basis einer Produktvision oder Problembeschreibung automatisch ein vollständiges Story-Map-Diagramm. Die Fertigkeit integriert sich über MCP (Model Context Protocol) in Tools wie Figma, Miro, Jira und Linear, sodass erstellte Maps direkt in diese Plattformen exportiert oder abgeglichen werden können. Sie ist besonders nützlich für Produktmanager, Agile Coaches und Entwicklungsteams, die ihre Produktbacklogs visuell und nutzerzentriert strukturieren möchten. Die Ausgabe als Mermaid-Diagramm erlaubt eine einfache Weiterverarbeitung und Einbettung in Dokumentationen oder Präsentationen.

Funktioniert mit✓Claude Code~Codex CLI~Cursor
npx skills add tomershahar/user-story-mapping-skill

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

Was macht user-story-mapping-skill?

Eine Claude-Fertigkeit für kollaboratives User Story Mapping nach Jeff Pattons Methodik – mit Coaching-Modus, Generierungsmodus, Mermaid-Ausgabe und MCP-Integrationen für Figma, Miro, Jira und Linear.

Übersicht

Diese Fertigkeit unterstützt Claude bei der Erstellung von User Story Maps (Jeff Patton-Methodik). Sie bietet zwei Hauptmodi:

  • Coaching-Modus: Claude führt den Nutzer Schritt für Schritt durch den Prozess der Kartenerstellung, identifiziert Benutzeraktivitäten, Aufgaben und Stories und erstellt ein Mermaid-Diagramm.
  • Generierungsmodus: Claude generiert automatisch eine vollständige User Story Map basierend auf einer Produktvision oder Problembeschreibung.

Außerdem integriert sie sich über MCP (Model Context Protocol) in beliebte Entwicklungs- und Designtools:

  • Figma – Export von Maps als Design-Referenz
  • Miro – Export als kollaboratives Whiteboard
  • Jira – Automatische Erstellung von Tickets aus Stories
  • Linear – Synchronisation mit dem Aufgabenmanagement

Funktionsweise

Coaching-Modus

  1. Der Nutzer bittet Claude um Hilfe bei der Erstellung einer User Story Map.
  2. Claude stellt Fragen zum Produkt, zur Zielgruppe und zu den wichtigsten Benutzeraktivitäten.
  3. Schrittweise werden Backbone, Walking Skeleton und enthaltene Stories identifiziert.
  4. Claude erstellt ein Mermaid-Diagramm, das die Map visualisiert.

Generierungsmodus

  1. Der Nutzer gibt eine Produktvision oder ein Problem an (z. B. "Ein Tool für Remote-Team-Retrospektiven").
  2. Claude erstellt selbstständig eine vollständige User Story Map mit Aktivitäten, Aufgaben und Stories.
  3. Die Ausgabe erfolgt als Mermaid-Diagramm und optional als strukturierte Liste.

MCP-Integrationen

Die Fertigkeit kann über MCP mit folgenden Tools kommunizieren:

  • Figma: Erstelle ein Design-File mit der Map als Referenz.
  • Miro: Lege ein Board an, das die Map als Sticky-Notes enthält.
  • Jira: Erstelle für jede Story ein Ticket im ausgewählten Projekt.
  • Linear: Synchronisiere die Map mit einem Linear-Projekt.

Verwendung

Beispiel: Coaching-Modus

Ich möchte eine User Story Map für eine Fitness-App erstellen.

Claude antwortet mit:

  1. Fragen zur Zielgruppe und den Kernaktivitäten
  2. Erstellung eines Backbones (z. B. "Profil verwalten", "Training planen", "Fortschritt verfolgen")
  3. Schrittweise Detaillierung der Stories
  4. Abschließendes Mermaid-Diagramm

Beispiel: Generierungsmodus

Generiere eine User Story Map für ein Projektmanagement-Tool für kleine Teams.

Claude erstellt direkt:

  • Aktivitäten: Onboarding, Aufgabenverwaltung, Team-Kommunikation, Berichte
  • Aufgaben unter jeder Aktivität
  • Stories mit Akzeptanzkriterien
  • Mermaid-Diagramm

Ausgabeformat

Die Map wird als Mermaid-Diagramm ausgegeben, zum Beispiel:

journey
    title User Journey
    section Entdecken
      App installieren: 5: Benutzer
      Registrieren: 3: Benutzer
    section Nutzen
      Aufgaben erstellen: 5: Benutzer
      Team hinzufügen: 4: Benutzer

Konfiguration

Um die MCP-Integrationen zu nutzen, müssen die entsprechenden MCP-Server konfiguriert sein. Du kannst in deiner claude_desktop_config.json (oder der entsprechenden Konfiguration) Server für Figma, Miro, Jira oder Linear hinzufügen.

Beispiel für Jira:

{
  "mcpServers": {
    "jira": {
      "command": "npx",
      "args": ["@jira/mcp-server"],
      "env": {
        "JIRA_URL": "https://deinUnternehmen.atlassian.net",
        "JIRA_API_TOKEN": "dein-token"
      }
    }
  }
}

Lizenz

Apache 2.0

Verwandte Skills