CommunitySchreiben & Editierengithub.com

SymbolWu/frontend-module-playbook

React- und TypeScript-Frontend-Modul-Kollaborationsfähigkeit für Architektur, Implementierung, Review, Kommentare, Commits, Dokumentation und Code-Organisation.

Was ist frontend-module-playbook?

Diese Fähigkeit (Skill) unterstützt Entwicklerteams bei der professionellen Zusammenarbeit an React- und TypeScript-Frontend-Modulen. Sie bietet strukturierte Leitlinien für Architektur, Implementierung, Code-Reviews, Kommentare, Commit-Nachrichten, Dokumentation und Code-Organisation. Der Skill ist plattformunabhängig und kann mit AI-gestützten Entwicklungswerkzeugen wie Claude Code, Cursor oder Codex verwendet werden. Er hilft, konsistente Code-Standards durchzusetzen, die Lesbarkeit und Wartbarkeit zu verbessern und effektive Team-Workflows zu fördern, indem er klare, wiederholbare Prozesse für jede Phase der Modulentwicklung definiert.

Funktioniert mit~Claude Code~Codex CLI~Cursor
npx skills add SymbolWu/frontend-module-playbook

Installed? Explore more Schreiben & Editieren skills: steipete/notion, langchain-ai/langchain, bytedance/podcast-generation · View all 6 →

In Ihrer bevorzugten KI fragen

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

Dokumentation

Was macht frontend-module-playbook?

React- und TypeScript-Frontend-Modul-Kollaborationsfähigkeit für Architektur, Implementierung, Review, Kommentare, Commits, Dokumentation und Code-Organisation.

Übersicht

Diese Fähigkeit definiert ein strukturiertes Playbook für die Zusammenarbeit an Frontend-Modulen, die mit React und TypeScript entwickelt werden. Sie umfasst bewährte Methoden für Architektur, Implementierung, Code-Reviews, Kommentarrichtlinien, Commit-Standards, Dokumentation und Code-Organisation.

Hauptmerkmale

  • Architektur-Richtlinien: Klare Struktur für Modulaufteilung, Komponentenhierarchie und Datenfluss.
  • Implementierungsleitfäden: Vorgaben für typsichere React-Komponenten, Hooks und Dienstlogik.
  • Code-Review-Prozess: Checklisten und Standards für effektive Reviews.
  • Kommentar-Richtlinien: Konsistente Nutzung von JSDoc und Code-Kommentaren.
  • Commit-Nachrichten: Strukturierte Commit-Templates nach Conventional Commits.
  • Dokumentation: Vorlagen für Komponentendokumentation und README-Dateien.
  • Code-Organisation: Regeln für Dateistruktur, Imports und Namenskonventionen.

Verwendung

Füge diese Fähigkeit zu deinem AI-Entwicklungstool (z. B. Claude Code, Cursor, Codex) hinzu, um bei Frontend-Modul-Aufgaben automatisch von den definierten Standards und Arbeitsabläufen zu profitieren.

Unterstützte Plattformen

  • Claude Code
  • Cursor
  • Codex
  • Andere AI-Entwicklungswerkzeuge, die benutzerdefinierte Skills unterstützen

Lizenz

MIT

Verwandte Skills