Erstellen Sie schöne, zugängliche Benutzeroberflächen mit shadcn/ui-Komponenten (auf Radix UI + Tailwind aufgebaut), Tailwind CSS Utility-First-Styling und canvasbasierten visuellen Designs. Verwenden Sie es bei der Erstellung von Benutzeroberflächen, der Implementierung von Designsystemen, der Erstellung von responsiven Layouts, der Hinzufügung von zugänglichen Komponenten (Dialoge, Dropdowns, Formulare, Tabellen), der Anpassung von Themen und Farben, der Implementierung des Dunkelmodus, der Erstellung von visuellen Designs und Postern oder der Einrichtung konsistenter Styling-Muster across Anwendungen.
DAZU WIRST DU
Perfekt für diese Szenarien
Detaillierte Forschungsmethoden und experimentelle Designs mit logischem Fortschritt entwickeln
Komplexe Systeme in überschaubare Komponenten mit klaren Abhängigkeiten zerlegen
Erstellen Sie schrittweise Frameworks, um Erkenntnisse aus komplexen Datensätzen zu gewinnen
Mehrphasige Geschäftsinitiativen mit klaren Meilensteinen und Risikominderung planen
MESSBARER GEWINN
Bewährte Vorteile und messbare Wirkung
Reduzieren Sie die Zeit, die Sie auf komplexe Probleme verwenden, durch systematisches, sequenzielles Denken
Erstellen Sie robustere Lösungen, indem Sie logische Lücken im Denken schließen
Zerlegen Sie überwältigende Herausforderungen in überschaubare, aufeinanderfolgende Schritte
DEIN EQUIPMENT
Dateien, Tags und die Installation in drei Schritten
Tipp: Lies Dokumentation und Code vor der ersten Nutzung, damit du Funktion und benötigte Berechtigungen kennst.
NÄCHSTE SKRIPTE
Empfohlen basierend auf Tags und Kategorie
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.
Apify JS SDK Dokumentation - Web Scraping, Crawling und Actor-Entwicklung
Erstellen ästhetisch schöner Oberflächen unter Einhaltung bewährter Designprinzipien. Verwenden Sie dies bei der Erstellung von UI/UX, der Analyse von Designs aus Inspirationsseiten, der Generierung von Designbildern mit KI-Multimodal, der Implementierung von visueller Hierarchie und Farbtheorie, dem Hinzufügen von Mikrointeraktionen oder der Erstellung von Designdokumentation. Beinhaltet Workflows zum Erfassen und Analysieren von Inspirationsscreenshots mit Chrome-DevTools und KI-Multimodal, iterative Generierung von Designbildern bis ästhetische Standards erfüllt sind, sowie umfassende Anleitung für Designsysteme, die die Stufen BEAUTIFUL (ästhetische Prinzipien), RIGHT (Funktionalität/Zugänglichkeit), SATISFYING (Mikrointeraktionen) und PEAK (Storytelling) abdecken. Integriert mit den Fähigkeiten Chrome-DevTools, KI-Multimodal, Medienverarbeitung, UI-Styling und Web-Frameworks.