SKRIPTLINIE
Pixel am Mockup von Hand justieren, Barrierefreiheit zuletzt.
Komponenten aus einem Satz, Review beim ersten Versuch bestanden.
8 Skills auf dieser Linie
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.
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.
Erstellen interaktiver Datenvisualisierungen mit d3.js. Diese Fähigkeit sollte verwendet werden, wenn benutzerdefinierte Diagramme, Graphen, Netzwerkgraphen, geografische Visualisierungen oder jede komplexe, auf SVG basierende Datenvisualisierung erstellt wird, die eine feingranulare Kontrolle über visuelle Elemente, Übergänge oder Interaktionen erfordert. Verwenden Sie dies für maßgeschneiderte Visualisierungen über Standard-Diagrammbibliotheken hinaus, unabhängig von React, Vue, Svelte, Vanilla JavaScript oder jeder anderen Umgebung.
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.
Verpacken Sie gesamte Code-Repositories mit Repomix in einzelne KI-freundliche Dateien. Die Funktionen umfassen das Verpacken von Codebasen mit anpassbaren Einbeziehungs-/Ausschlussmustern, die Generierung mehrerer Ausgabedateiformate (XML, Markdown, Klartext), die Bewahrung der Dateistruktur und des Kontexts, die Optimierung für den KI-Verbrauch mit Token-Zählung, das Filtern nach Dateitypen und Verzeichnissen sowie das Hinzufügen benutzerdefinierter Kopfzeilen und Zusammenfassungen. Verwenden Sie es bei der Verpackung von Codebasen für KI-Analysen, der Erstellung von Repository-Snapshots für LLM-Kontext, der Analyse von Drittbibliotheken, der Vorbereitung auf Sicherheitsaudits, der Generierung von Dokumentationskontext oder der Bewertung unbekannter Codebasen.
Generiere Web-Assets einschließlich Favicons, App-Icons (PWA) und Social-Media-Meta-Bildern (Open Graph) für Facebook, Twitter, WhatsApp und LinkedIn. Verwende es, wenn Nutzer Icons, Favicons, Social-Sharing-Bilder oder Open-Graph-Bilder aus Logos oder Textslogans benötigen. Behandelt Bildskalierung, Text-zu-Bild-Generierung und stellt entsprechende HTML-Meta-Tags bereit.