Frontend Development

Installieren und nutzen Sie vercel-react-best-practices, um die Empfehlungen von Vercel Engineering für schnelleren React- und Next.js-Code, bessere Bundle-Entscheidungen und weniger Performance-Regressionen anzuwenden.

Installiere und bewerte `vercel-react-native-skills`, ein Best-Practices-Skill für React Native und Expo mit Fokus auf mobile Performance, UI-Muster, Animationen und die Architektur nativer Apps.

Nutze die Skill frontend-design, um hochwertige Frontend-Oberflächen mit klarer visueller Ausrichtung, praxistauglichem Code und besseren UI-Ergebnissen als bei generischen Standard-Prompts zu erstellen.

Installiere und nutze `vercel-composition-patterns`, um skalierbare React-Kompositionsmuster einzusetzen – darunter Compound Components, ausgelagerten State, explizite Varianten und React-19-freundliche APIs.

Erstelle komplexe Claude-HTML-Artefakte mit React, TypeScript, Tailwind CSS und shadcn/ui und bündele anschließend alles in eine einzige portable HTML-Datei.

Playwright-basierter Skill zum Testen lokaler Webanwendungen, zum Prüfen des gerenderten UI-Zustands, zum Erstellen von Screenshots und zum Sammeln von Browser-Konsolenlogs.