Frontend

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.

Praktische Remotion Best Practices für den Aufbau programmatischer Videos, Animationen und audiogesteuerter Kompositionen in React.

Erstelle originelle algorithmische Kunst mit p5.js – mit Seed-basierter Zufälligkeit, wiederverwendbaren Vorlagen und einem interaktiven Viewer zur Erkundung von Parametern.

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.