Entwicklung Skills

Verfasse fesselnde technische Artikel und Blogbeiträge für ein Entwicklerpublikum. Nutze diese Fähigkeit, wenn der Nutzer darum bittet, einen Blogbeitrag, einen technischen Artikel oder einen längeren technischen Inhalt zu schreiben. Aktiviere sie auch, wenn der Nutzer sagt: 'Schreibe über [technisches Thema]', 'Hilf mir, einen Artikel zu entwerfen', 'Mach daraus einen Blogbeitrag', 'Schreibe einen Beitrag über', 'Ich möchte etwas über ... veröffentlichen' oder das Schreiben für ein Entwicklerpublikum erwähnt. Deckt die gesamte Pipeline ab: Ideenschärfung, Aufhänger/Titelgenerierung, Artikel...

Verwenden bei der Implementierung eines Features oder Bugfixes, bevor der Implementierungscode geschrieben wird.

Konvertieren Sie Text mithilfe der ElevenLabs-Sprach-KI in Sprache. Verwenden Sie dies, wenn Sie Audio aus Text generieren, Voiceovers erstellen, Sprach-Apps entwickeln oder Sprache in über 70 Sprachen synthetisieren möchten.

Verwandelt grobe Ideen in genehmigte, entscheidungsreife Pläne mit validierter Struktur vor der Programmierung. Verwenden, wenn Nutzer nach 出方案/给方案/深入分析/怎么设计/有没有必要/值不值得/plan this/how should I/should we keep this für Funktionen, Architektur oder Werturteile fragen. Nicht für Fehlerbehebungen oder kleine Änderungen.

Zerlege einen Plan, eine Spezifikation oder ein PRD in eigenständig bearbeitbare Issues im Projekt-Issue-Tracker unter Verwendung von Tracer-Bullet-Vertikalschnitten. Verwende dies, wenn der Benutzer einen Plan in Issues umwandeln, Implementierungstickets erstellen oder Arbeit in Issues aufteilen möchte.

Wandle den aktuellen Gesprächskontext in ein PRD um und veröffentliche es im Projekt-Issue-Tracker. Verwende dies, wenn der Benutzer aus dem aktuellen Kontext ein PRD erstellen möchte.

Wandle das aktuelle Gespräch in ein Pflichtenheft um und veröffentliche es im Projekt-Issue-Tracker – kein Interview, nur eine Synthese dessen, was bereits besprochen wurde.

Zerlege einen Plan, eine Spezifikation oder das aktuelle Gespräch in eine Reihe von Tracer-Bullet-Tickets, die jeweils ihre blockierenden Kanten deklarieren und an den konfigurierten Tracker veröffentlicht werden – Kanten als Text in einer Datei pro Ticket lokal oder als native Blockierungslinks auf einem echten Tracker.

Probleme durch einen Zustandsautomaten triagen, der von Triage-Rollen gesteuert wird. Verwenden, wenn der Benutzer ein Problem erstellen, Probleme triagen, eingehende Fehler oder Funktionsanfragen überprüfen, Probleme für einen AFK-Agenten vorbereiten oder den Problem-Workflow verwalten möchte.

Richten Sie Cloudflare Turnstile durchgängig in einem Projekt ein – scannen Sie die Codebasis, erstellen Sie das Widget über die Cloudflare-API, stellen Sie den verwalteten siteverify-Worker bereit, schreiben Sie die Frontend-Snippets, validieren Sie und persistieren Sie die Fähigkeit. Laden Sie dies, wenn ein Benutzer darum bittet, Turnstile hinzuzufügen, CAPTCHA einzurichten, ein Formular vor Bots zu schützen oder eine Turnstile-Integration zu reparieren. Spiegelt developers.cloudflare.com/turnstile/spin wider.

Beherrsche das erweiterte Typsystem von TypeScript, einschließlich Generics, Conditional Types, Mapped Types, Template Literals und Utility Types, um typsichere Anwendungen zu erstellen. Verwende dies bei der Implementierung komplexer Typlogik, der Erstellung wiederverwendbarer Typ-Hilfsprogramme oder der Sicherstellung von Typsicherheit zur Kompilierzeit in TypeScript-Projekten.

Verwenden, wenn der Benut

Extrahiere ein DDD-konformes Glossar der ubiquitären Sprache aus dem aktuellen Gespräch, markiere Unklarheiten und schlage kanonische Begriffe vor. Speichert in UBIQUITOUS_LANGUAGE.md. Verwende, wenn der Nutzer Domänenbegriffe definieren, ein Glossar erstellen, die Terminologie festigen, eine ubiquitäre Sprache entwickeln möchte oder "Domänenmodell" oder "DDD" erwähnt.

Erstellen Sie schöne, barrierefreie Benutzeroberflächen mit shadcn/ui-Komponenten (basierend auf Radix UI + Tailwind), Tailwind CSS Utility-First-Styling und canvas-basierten visuellen Designs. Verwenden Sie dies beim Erstellen von Benutzeroberflächen, Implementieren von Designsystemen, Erstellen responsiver Layouts, Hinzufügen barrierefreier Komponenten (Dialoge, Dropdowns, Formulare, Tabellen), Anpassen von Designs und Farben, Implementieren des Dunkelmodus, Generieren visueller Designs und Poster oder Festlegen konsistenter Styling-Muster in Anwendungen.

UI/UX-Design-Intelligenz für Web und Mobilgeräte. Enthält 50+ Stile, 161 Farbpaletten, 57 Schriftkombinationen, 161 Produkttypen, 99 UX-Richtlinien und 25 Diagrammtypen für 10 Stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui und HTML/CSS). Aktionen: Planen, Erstellen, Entwerfen, Gestalten, Implementieren, Überprüfen, Korrigieren, Verbessern, Optimieren, Erweitern, Refaktorisieren und Prüfen von UI/UX-Code. Projekte: Website, Landingpage, Dashboard, Admin-Panel, E-Commerce, SaaS, Portfolio, Blog und...

Erstellen oder aktualisieren Sie Skills, indem Sie SKILL.md-Dateien in diesem Repository generieren, bearbeiten oder verfeinern. Verwenden Sie dies beim Erstellen neuer Skills oder beim Überarbeiten der Struktur, des Frontmatters oder der Anleitung für bestehende.

Entdeckt und ruft Agenten-Fähigkeiten auf. Verwenden Sie dies beim Start einer Sitzung oder wenn Sie herausfinden müssen, welche Fähigkeit für die aktuelle Aufgabe zutrifft. Dies ist die Meta-Fähigkeit, die bestimmt, wie alle anderen Fähigkeiten entdeckt und aufgerufen werden.

Verwenden, wenn mit Feature-Arbeiten begonnen wird, die eine Isolation vom aktuellen Arbeitsbereich erfordern, oder vor der Ausführung von Implementierungsplänen – stellt sicher, dass ein isolierter Arbeitsbereich über native Tools oder den Git-Worktree-Fallback existiert.

Verwenden Sie dies beim Start eines Gesprächs – es legt fest, wie Fähigkeiten gefunden und genutzt werden, und erfordert die Verwendung des Skill-Tools vor JEDER Antwort, einschließlich Rückfragen.

Validieren, dass die Implementierung eines Branches oder Pull Requests mit den eingeführten Produkt-, technischen, Sicherheits- und zugehörigen Spezifikationen übereinstimmt. Verwenden Sie dies bei der Überprüfung oder Fertigstellung einer spezifikationsgesteuerten Änderung und beim Beheben von Abweichungen zwischen eingecheckten Spezifikationen und der Implementierung.

Wird für Vercel-Kosten- und Leistungsoptimierung bei deployed Projekten verwendet, insbesondere Next.js, SvelteKit, Nuxt und eingeschränkt Astro-Apps. Sammle zuerst Vercel-Metriken, Nutzung, Projektkonfiguration und Code-Scan-Ergebnisse; untersuche nur metrikgestützte Kandidaten; erstelle priorisierte Empfehlungen basierend auf verifizierten Dateien und versionsbewussten Vercel/Framework-Dokumenten. Auslöser für Vercel-Rechnungsreduzierung, langsame oder teure Routen, Caching-Möglichkeiten, Function Invocations, Build Minutes, Fast Data Transfer, Core...

Verwenden, wenn behauptet werden soll, dass Arbeit abgeschlossen, behoben oder bestanden ist, vor dem Committen oder Erstellen von PRs – erfordert das Ausführen von Verifikationsbefehlen und das Bestätigen der Ausgabe, bevor Erfolgsbehauptungen aufgestellt werden; Beweise vor Behauptungen immer.

Schnelles Unit-Testing-Framework, unterstützt von Vite, mit Jest-kompatibler API. Verwenden beim Schreiben von Tests, Mocking, Konfigurieren der Abdeckung oder Arbeiten mit Testfiltern und Fixtures.

Planen Sie einen großen Arbeitsblock – mehr als eine Agentensitzung fassen kann – als eine gemeinsame Karte von Untersuchungstickets in Ihrem Issue-Tracker, und lösen Sie diese nacheinander, bis der Weg zum Ziel klar ist.

Überprüfe UI-Code auf Einhaltung der Web Interface Guidelines. Verwende, wenn du gebeten wirst, "meine UI zu überprüfen", "Barrierefreiheit zu prüfen", "Design zu auditieren", "UX zu überprüfen" oder "meine Seite auf Best Practices zu prüfen".

Umfassende Webqualitätsprüfung, die Leistung, Barrierefreiheit, SEO und Best Practices abdeckt. Verwenden Sie diese, wenn Sie aufgefordert werden, "meine Website zu prüfen", "Webqualität zu überprüfen", "einen Lighthouse-Audit durchzuführen", "Seitenqualität zu überprüfen" oder "meine Website zu optimieren".

Toolkit zur Interaktion mit und zum Testen lokaler Webanwendungen mit Playwright. Unterstützt die Überprüfung der Frontend-Funktionalität, das Debuggen von UI-Verhalten, das Erfassen von Browser-Screenshots und das Anzeigen von Browser-Logs. Lizenz: Vollständige Bedingungen in LICENSE.txt

Erstelle einen interaktiven Bash-Assistenten, der einen Menschen durch ein manuelles Verfahren führt – Einrichtung eines Drittanbieters, einmalige Migration, A→B-Zustandsübergang – URLs öffnet, Werte erfasst, jeden Schritt bestätigt und .env-Dateien sowie GitHub Actions Secrets schreibt.

Schreibe eine PRODUCT.md-Spezifikation für eine bedeutende benutzerseitige Funktion in Warp, mit Fokus auf detailliertes Verhalten und Validierung. Verwende dies, wenn der Benutzer nach einer Produktspezifikation, einem gewünschten Verhaltensdokument oder einer PRD fragt, das Funktionsverhalten vor der Implementierung definieren möchte, oder wenn die Funktion umfangreich oder verhaltensmäßig unklar genug ist, dass eine schriftliche Spezifikation die Implementierung oder Überprüfung verbessern würde.

Schreibe eine TECH.md-Spezifikation für eine bedeutende Warp-Funktion, nachdem du die aktuelle Codebasis und Implementierungsbeschränkungen recherchiert hast. Verwende dies, wenn der Benutzer nach einem technischen Lastenheft, Implementierungsplan oder Architekturdokument fragt, das an ein Produktlastenheft gebunden ist.