Entwicklung Skills

Framework (OSS). Erstelle schöne, naturnahe Expo-Bildschirme. Deckt Apple HIG-Styling, semantische Farben, native Steuerelemente, SF-Symbole, Medien, Animationen, visuelle Effekte, Verläufe, Speicher und responsives Layout ab. Verwende für Routing und Navigation die expo-router-Fähigkeit.

Framework (OSS). Navigation und Routing für Expo Router. Behandelt dateibasierte Routen, Gruppen und dynamische Routen, Ordnerorganisation, Link mit Vorschauen und Kontextmenüs, nativen Stack, Seitentitel, Modals und Formularblätter, NativeTabs, Kopfzeilen und Symbolleisten sowie Kopfzeilen-Suchleisten.

Framework (OSS). Erstelle native UI mit dem @expo/ui-Paket: echtes SwiftUI auf iOS und Jetpack Compose auf Android, gerendert aus React in einer Expo- oder React Native-App. Umfasst universelle plattformübergreifende Komponenten (Host, Column, Row, Button, Text, List und weitere importiert aus @expo/ui), Drop-in-Ersatz für beliebte React Native Community-Bibliotheken (BottomSheet, DateTimePicker, Slider, Menu usw.) sowie plattformspezifisches SwiftUI (@expo/ui/swift-ui, nur iOS) und Jetpack Compose...

Framework (OSS). Richtlinien für das Upgrade von Expo SDK-Versionen und die Behebung von Abhängigkeitsproblemen

Autorisierungssystem mit rollenbasierter Zugriffskontrolle. Ein Muss für alle Apps, die persönliche oder zugriffsgeschützte Daten verwalten.

Kerninfrastruktur, die Backend-Verbindungskonfiguration, Storage-Client und Einstiegspunkt für die React-App bereitstellt.

Admin-only paginated viewer for stable canister state. Use whenever the user asks for a viewer, dashboard, debug panel, or admin browse over backend data — users, items, orders, logs, or any stable Map/Set/Array/VarArray/List/Stack/Queue. Pre-installed in every Caffeine app via the `caffeineai-data-viewer` mops package; this skill explains what it does and how to keep using it correctly.

HTTP-Ausgänge, die vom Backend-Canister (nicht im Frontend) durchgeführt werden.

Allgemeine Datei-/Objektspeicherung, z. B. für Bilder, Videos, Dateien, Dokumente und andere Massendaten. Perfekt geeignet für Bildergalerien, Videogalerien und andere Datei- oder Objektverwaltungen. Unterstützt große Dateien über das IC-Limit hinaus mit browsergecachtem HTTP-URL-Zugriff.

MANDATORY recipe for every Caffeine build that calls OpenAI (ChatGPT, GPT-4o, an LLM, a chatbot, embeddings). The ONLY supported path is the `openai-client` mops package with a canister-side API-key bearer. Hand-rolling `ic.http_request` to `api.openai.com/v1/...` is a FORBIDDEN anti-pattern — it leaks the bearer across replicated outcalls (security + 13× billing impact), bypasses the typed request/response bindings, and forces hand-rolled JSON on a language with poor JSON support. Load this...

Make a canister's data queryable by the Caffeine Data Intelligence agent. Use whenever an app stores structured data (Maps/Lists/arrays of records) that should be answerable in natural language — "top customers", "revenue by region", "active projects". Adds a discoverable `schema()` and a JSON `execute()` query endpoint via the `caffeineai-oql` mops package's `Expose` mixin.

MANDATORY recipe for every Caffeine build that posts to X (Twitter). The ONLY supported path is the `x-client` mops package with OAuth 2.0 PKCE. Hand-rolling `ic.http_request` or `icBooking.http_request` calls to `api.x.com/2/tweets`, `api.x.com/2/oauth2/token`, or any other X endpoint is a FORBIDDEN anti-pattern — it bypasses bearer auth, replication-cost safeguards, and `x-client`'s null-field handling. Load this skill whenever the user, spec, or any prior task mentions tweeting,...

Quick reference for the Caffeine Data Intelligence agent to query an OQL-exposing canister (schema() + execute()) through the `icp` CLI against the project's `backend` canister: read the schema, form JSON queries (filter / order / paginate / aggregate / dotted-path edges), and parse the Candid result rows.

Erstellen Sie FastAPI-Router mit CRUD-Operationen, Authentifizierungsabhängigkeiten und korrekten Antwortmodellen. Verwenden Sie dies beim Erstellen von REST-API-Endpunkten, beim Anlegen neuer Routen, beim Implementieren von CRUD-Operationen oder beim Hinzufügen authentifizierter Endpunkte in FastAPI-Anwendungen.

Leitet die Entwicklung von Fastify Node.js-Backend-Servern und REST-APIs mit TypeScript oder JavaScript. Verwenden beim Erstellen, Konfigurieren oder Debuggen einer Fastify-Anwendung – einschließlich der Definition von Routen, Implementierung von Plugins, Einrichtung der JSON-Schema-Validierung, Fehlerbehandlung, Leistungsoptimierung, Verwaltung der Authentifizierung, Konfiguration von CORS und Sicherheitsheadern, Integration von Datenbanken, Arbeit mit WebSockets und Bereitstellung für die Produktion. Deckt den vollständigen Fastify-Request-Lebenszyklus ab (Hooks,...

Offizielle Feature-Sliced Design (FSD) v2.1-Fähigkeit zur Anwendung der Methodik auf Frontend-Projekte. Verwenden, wenn die Aufgabe die Organisation der Projektstruktur mit FSD-Schichten betrifft, die Entscheidung, wohin Code gehört, das Platzieren von statischen Assets (Bilder, Icons, Schriftarten, PDFs), das Gruppieren eng verwandter Slices, das Definieren öffentlicher APIs und Importgrenzen, das Auflösen von Cross-Imports oder die Bewertung des @x-Musters, die Entscheidung, ob eine Entität erstellt oder entfernt werden soll, die Bewertung, ob die Entitätsschicht überhaupt benötigt wird, die Entscheidung...

Ermöglicht Claude Code, intelligente Web-Fuzzing-Operationen mit ffuf durchzuführen, um versteckte Verzeichnisse, Dateien, Subdomains und API-Endpunkte leichter zu entdecken.

Durchsuche eine Codebasis oder Benutzeroberfläche nach Stellen, die nicht animiert sind, aber animiert werden sollten, und lehne alles ab, was nicht animiert werden sollte. Nur lesend; es schlägt Bewegung mit exakten Werten vor, implementiert sie aber nicht. Verwende dies, wenn der Benutzer fragt „Was könnte hier animiert werden?“ oder „das lebendiger machen“ möchte. Zum Beheben bestehender Animationen verwende stattdessen improve-animations oder review-animations.

Entdecke, prüfe und installiere Agenten-Skills, indem du gleichzeitig in allen wichtigen Registries suchst – skills.sh, clawhub.ai und GitHub – und jedes Board mit seiner eigenen nativen Metrik (Installationen / Sterne) darstellst, den Top-Eintrag pro Board anzeigst, die echten SKILL.md der Top-Kandidaten auf riskante Muster sicherheitsprüfst und bereits installierte kennzeichnest. Verwende dies, wenn der Benutzer fragt: „Wie mache ich X“, „Finde einen Skill für X“, „Gibt es einen Skill, der …“, „Welchen Skill sollte ich für … installieren“ oder den Agenten mit einem … erweitern möchte.

Verwenden, wenn die Implementierung abgeschlossen ist, alle Tests bestanden sind und entschieden werden muss, wie die Arbeit integriert wird – führt den Abschluss von Entwicklungsarbeiten durch Präsentation strukturierter Optionen für Merge, PR oder Bereinigung.

Umfassender Leitfaden für Firebase Remote Config, einschließlich Vorlagenverwaltung und SDK-Nutzung. Verwenden Sie diese Fähigkeit, wenn der Benutzer Hilfe bei der Einrichtung von Remote Config, der Verwaltung von Feature-Flags oder der dynamischen Aktualisierung des App-Verhaltens benötigt.

Behebe Kompilierungsfehler, Linting-Probleme und Testfehler in der Warp-Rust-Codebasis. Deckt Presubmit-Prüfungen, WASM-spezifische Fehler und das Ausführen spezifischer Tests ab. Verwende dies, wenn der Benutzer auf Build-Fehler, Clippy- oder fmt-Fehler, Testfehler stößt oder vor einem PR Presubmit ausführen oder interpretieren muss.

Wenn der Benutzer ein kostenloses Tool für Marketingzwecke planen, bewerten oder erstellen möchte – zur Lead-Generierung, für SEO-Wert oder Markenbekanntheit. Auch verwenden, wenn der Benutzer „Engineering as Marketing“, „kostenloses Tool“, „Marketing-Tool“, „Rechner“, „Generator“, „interaktives Tool“, „Lead-Gen-Tool“, „ein Tool für Leads erstellen“, „kostenlose Ressource“, „ROI-Rechner“, „Bewertungstool“, „Audit-Tool“, „sollte ich ein kostenloses Tool erstellen“ oder „Tools für Lead-Gen“ erwähnt. Verwenden Sie dies immer dann, wenn jemand etwas Nützliches erstellen möchte und...

Erzeugt unverwechselbare, produktionsreife Frontend-Oberflächen, die generische KI-Ästhetik vermeiden.

Erstelle unverwechselbare, nicht-generische UI- und Designanwendungen, arbeite strategieorientiert. Identifiziere das Projekt (Landingpage, SaaS-App, Dashboard, E-Commerce, Präsentation, Dokumentation, Portfolio...) sowie dessen Positionierung und Persönlichkeit, lege Marken-Adjektive fest, übersetze sie in ein Typografie- und Farbsystem und wende dann die handwerkliche Ebene an (Layout, Komponenten und Zustände, Bewegung, Ikonografie, Bildsprache, Dark Mode und Theming, Barrierefreiheit), wobei der KI-Schrott / Claude-ähnliche Standard vermieden wird. Dies ist sowohl ein...

Überprüfe und erstelle unverwechselbare, produktionsreife Frontend-Oberflächen mit hoher Designqualität und Einhaltung des Designsystems. Bewertet anhand von drei Säulen: reibungsloser Weg von Erkenntnis zu Aktion, hochwertige Handwerkskunst und vertrauenswürdige Konstruktion. VERWENDEN FÜR: PR-Reviews, Design-Reviews, Barrierefreiheits-Audits, Prüfung der Designsystem-Konformität, kreatives Frontend-Design, UI-Code-Review, Komponenten-Reviews, Responsive-Design-Prüfungen, Theme-Tests und die Erstellung einprägsamer Benutzeroberflächen. NICHT VERWENDEN FÜR: Backend-API-Reviews, Datenbankschema-Reviews, Infrastruktur- oder DevOps-Arbeiten, reine Geschäftslogik ohne UI oder Nicht-Frontend-Code.

Erstellen Sie dunkel gestaltete React-Anwendungen mit Tailwind CSS, einschließlich benutzerdefiniertem Theming, Glassmorphism-Effekten und Framer-Motion-Animationen. Verwenden Sie dies beim Erstellen von Dashboards, Admin-Panels oder datenreichen Oberflächen mit einer raffinierten dunklen Ästhetik.

Erstellt produktionsreife, barrierefreie, responsive Benutzeroberflächen. Verwenden Sie dies beim Erstellen oder Ändern von Schnittstellen und Seiten, beim Entwickeln von Komponenten, Implementieren von Layouts, Erfüllen von WCAG-Barrierefreiheitsanforderungen, Verwalten von Zuständen oder wenn die Ausgabe produktionsreif und nicht KI-generiert wirken soll.

Überschreibt das standardmäßige Kürzungsverhalten von LLMs. Erzwingt vollständige Codegenerierung, verbietet Platzhaltermuster und behandelt Token-Limit-Trennungen sauber. Anwendbar auf jede Aufgabe, die eine erschöpfende, ungekürzte Ausgabe erfordert.

Richte Claude Code-Hooks ein, um gefährliche Git-Befehle (push, reset --hard, clean, branch -D usw.) vor ihrer Ausführung zu blockieren. Verwende dies, wenn der Benutzer destruktive Git-Operationen verhindern, Git-Sicherheits-Hooks hinzufügen oder Git-Push/Reset in Claude Code blockieren möchte.