🎨 Frontend

Generieren und pflegen Sie AGENTS.md-Dateien entsprechend der öffentlichen agents.md-Konvention. Verwenden Sie dies bei der Erstellung von Dokumentation für KI-Agenten-Workflows, Onboarding-Anleitungen oder bei der Standardisierung von Agenten-Interaktionsmustern zwischen Projekten.

Validieren Sie OpenAPI-, Swagger- und GraphQL-Schemas auf Übereinstimmung mit der Backend-Implementierung. Erkennen Sie bruchlose Änderungen, generieren Sie TypeScript-Clients und stellen Sie sicher, dass die API-Dokumentation synchron bleibt. Verwenden Sie dies bei der Arbeit mit API-Spezifikationsdateien (.yaml, .json, .graphql), der Überprüfung von API-Änderungen, der Generierung von Frontend-Typen oder der Validierung von Endpunktimplementierungen.

Implementieren Sie Authentifizierung und Autorisierung mit Better Auth – einem frameworkunabhängigen TypeScript-Authentifizierungsframework. Die Funktionen umfassen E-Mail/Passwort-Authentifizierung mit Verifizierung, OAuth-Anbieter (Google, GitHub, Discord usw.), Zwei-Faktor-Authentifizierung (TOTP, SMS), Passkey-/WebAuthn-Unterstützung, Sitzungsverwaltung, rollenbasierte Zugriffskontrolle (RBAC), Ratenbegrenzung und Datenbankadapter. Verwenden Sie es, wenn Sie Authentifizierung in Anwendungen hinzufügen, OAuth-Flows implementieren, 2FA/MFA einrichten, Benutzersitzungen verwalten, Autorisierungsregeln konfigurieren oder sichere Authentifizierungssysteme für Webanwendungen erstellen.

Analysiert, erstellt und verbessert CLAUDE.md-Dateien für alle Projektarten unter Verwendung bewährter Methoden, Unterstützung für modulare Architekturen und Anpassung der Technologie-Stacks. Verwenden Sie es bei der Einrichtung neuer Projekte, der Verbesserung bestehender CLAUDE.md-Dateien oder der Etablierung von Standards für KI-gestützte Entwicklung.

Analysiert Ihren jüngsten Claude Code-Chatverlauf, um Codierungsmuster, Entwicklungslücken und Verbesserungsbereiche zu identifizieren, kuratiert relevante Lernressourcen von HackerNews und sendet automatisch einen personalisierten Wachstumsbericht an Ihre Slack-Direktnachrichten.

Experte für Expo Router zur dateibasierten Routing in React Native Apps. Abdeckt Navigation, Layouts, dynamische Routen, Deep Linking und TypeScript-Integration. Aufrufen, wenn der Nutzer Expo Router, dateibasiertes Routing, Navigation, App-Verzeichnis oder Routing in Expo erwähnt.

Erstellen Sie unverwechselbare, produktionsreife Frontend-Schnittstellen mit hoher Designqualität. Verwenden Sie diese Fähigkeit, wenn der Nutzer nach der Erstellung von Web-Komponenten, -Seiten oder -Anwendungen fragt. Erzeugt kreativen, polierten Code, der generische KI-Ästhetik vermeidet.

Frontend-Entwicklungsrichtlinien für React/TypeScript-Anwendungen. Moderne Muster einschließlich Suspense, Lazy Loading, useSuspenseQuery, Dateiorganisation mit Features-Verzeichnis, MUI v7-Stilgebung, TanStack Router, Leistungsoptimierung und TypeScript-Best Practices. Verwenden Sie sie bei der Erstellung von Komponenten, Seiten, Features, Datenabfrage, Stilgebung, Routing oder der Arbeit mit Frontend-Code.

Erstellt eine interaktive HTML-Presentation mit 6 Reitern (Übersicht, Anforderungen, Architektur/C4, Technische Spezifikation, Roadmap, Anleitungen). Erstellt eine Presentation/README.md-Zentrale. Arbeitet unter ln-110-documents-pipeline.

Expertenführung für die Integration der Plaid Banking API einschließlich Link, Auth, Transactions, Identity und Webhook-Handling. Rufen Sie es auf, wenn der Nutzer Plaid, Bankverbindungen, Finanzdaten, ACH oder Banking-APIs erwähnt.

Vollständige Implementierungs- und Designanleitung für Ply. Verwenden Sie diesen Skill, wenn eine Aufgabe ply-engine-APIs, plyx-Workflows oder den Aufbau von UI in Rust mit Ply umfasst.

Weltklasse-Prompt-Kraftwerk, das produktionsreife Mega-Prompts für jede Rolle, Branche und Aufgabe durch einen intelligenten 7-Fragen-Flow, 69 umfassende Voreinstellungen in 15 professionellen Domänen (technisch, wirtschaftlich, kreativ, rechtlich, finanziell, Personalwesen, Design, Kundenbetreuung, Führung, Fertigung, Forschung und Entwicklung, regulatorisch, spezialtechnisch, Forschung, kreative Medien), multiple Ausgabeformate (XML/Claude/ChatGPT/Gemini), Qualitätsvalidierungsschleusen und kontextuelle Best Practices von OpenAI/Anthropic/Google generiert. Unterstützt sowohl Kern- als auch erweiterte Modi mit TestSzenarien und Prompt-Variationen.

Leitfaden für die Erstellung effektiver Fähigkeiten. Diese Fähigkeit sollte verwendet werden, wenn Nutzer eine neue Fähigkeit erstellen (oder eine bestehende Fähigkeit aktualisieren) möchten, die Claudes Fähigkeiten mit spezialisiertem Wissen, Workflows oder Tool-Integrationen erweitert.

Erstellen und verwalten Sie Claude Code Skills gemäß den besten Praktiken von Anthropic. Verwenden Sie dies beim Erstellen neuer Skills, bei der Änderung der skill-rules.json, beim Verstehen von Trigger-Mustern, bei der Arbeit mit Hooks, beim Debuggen der Skill-Aktivierung oder bei der Implementierung von Progressive Disclosure. Deckt die Skill-Struktur, das YAML-Frontmatter, Trigger-Typen (Keywords, Intentsmuster, Dateipfade, Inhaltsmuster), Durchsetzungsstufen (Block, Vorschlag, Warnung), Hook-Mechanismen (UserPromptSubmit, PreToolUse), Sitzungsverfolgung und die 500-Zeilen-Regel ab.

Aktualisiert den Terminalfenstertitel automatisch, um die aktuelle hochrangige Aufgabe widerzuspiegeln. Verwenden Sie es am Anfang jeder Claude Code-Sitzung, wenn der Benutzer sein erstes Prompt eingibt, und jedes Mal, wenn der Benutzer zu einer deutlich neuen hochrangigen Aufgabe wechselt. Hilft Entwicklern bei der Verwaltung mehrerer Claude Code-Terminals, indem es eine klare, auf einen Blick erkennbare Identifizierung dessen bietet, an was jedes Terminal arbeitet.

UI/UX-Design-Intelligenz für Web, Mobile und Desktop. Dieser Skill sollte beim Entwerfen, Erstellen, Überprüfen oder Korrigieren von Interfaces verwendet werden, einschließlich Seiten, Komponenten, Designsystemen, Barrierefreiheit, Interaktion, responsivem Layout, Typografie, Farbe, Diagrammen und stack-spezifischer UI-Implementierung. Durchsuchbare lokale Daten: 79 durchsuchbare Stile (50 aktiv), 192 Produktpaletten und Reasoning-Profile, 74 Schriftarten-Kombinationen, 119 UX-Richtlinien, 105 Icons, 17 GSAP-Presets, 25 Diagrammtypen und 22 Stacks.