vercel-labs

Claude kann automatisch UI-Code gegen etablierte Webdesign-Richtlinien überprüfen und dabei Barrierefreiheitsprobleme, Benutzerfreundlichkeitsprobleme und Verstöße gegen Best Practices erkennen, bevor sie bereitgestellt werden. Diese Fähigkeit ruft die neuesten Richtlinien ab und führt eine statische Analyse durch, um Verbesserungen zu identifizieren.

Die Entwicklung leistungsstarker React Native-Apps erfordert die Beachtung plattformspezifischer Muster für Listen, Animationen und Zustandsverwaltung. Diese Skill bietet 35+ KI-Agenten-Regeln für eine optimierte Mobile-Entwicklung.

React-Anwendungen leiden oft unter Performance-Problemen wie unnötigen Re-Renders, großen Bundle-Größen und sequenziellen Data-Fetching-Waterfalls. Diese Skill stellt 45 priorisierte Regeln von Vercel Engineering bereit, um diese Engpässe zu beseitigen und leistungsstarke Web-Anwendungen zu erstellen.

Die Entwicklung von React-Komponenten mit booleschen Props führt zu unverwaltbarem Code. Diese Kompetenz stellt kI-gerechte Richtlinien für die Verwendung zusammengesetzter Komponenten, das Hochheben des Zustands und das Komponieren von internen Strukturen bereit, um skalierbare Komponentenarchitekturen zu erstellen.

Benutzer benötigen Anleitungen zum Erstellen effektiver Skills für Claude Code. Dieser Skill bietet einen umfassenden Leitfaden zum Erstellen, Strukturieren und Verpacken von Skills mit bewährten Best Practices.

Eine KI-Fähigkeit für Claude, Codex und Claude Code

Eine KI-Fähigkeit für Claude, Codex und Claude Code

Next.js-Anwendungen rufen Daten oft wiederholt ab, was zu langsamen Seitennladungen führt. Cache-Komponenten ermöglichen Partial Prerendering und intelligente Caching-Strategien, um zwischengespeicherte Inhalte sofort zu liefern, während dynamische Teile gestreamt werden.

Hören Sie auf zu raten über Next.js-Muster und schreiben Sie skalierbaren Code. Diese Skill bietet autoritative Anleitung von Vercel zu Dateikonventionen, React Server Components, Datenabruf, Fehlerbehandlung und Bereitstellungsbest Practices.

Nutzer wissen oft nicht, welche Skills es gibt, um bei ihren Aufgaben zu helfen. Dieser Skill führt sie dazu, relevante Fähigkeiten aus dem offenen Agent-Ökosystem zu entdecken und mit einfachen Befehlen zu installieren.

Die manuelle Automatisierung von Web-Interaktionen ist zeitaufwendig und fehleranfällig. Agent-browser bietet eine Kommandozeilenschnittstelle für die Browser-Automatisierung, die automatisches Ausfüllen von Formularen, Screenshots, Web-Scraping und End-to-End-Testing-Workflows ermöglicht.