React beschleunigen
Leistung nach Priorität ändern
Ausgewählt
Vercel React Best Practices
Cursor · Claude · Codex · Grok
Wenden Sie die Leistungsregeln für React und Next.js nach Priorität an, statt eines vagen „einmal optimieren“.
Agent Skills: Entwicklung
Architektur, Debugging, React, Vue und Regeln für die Codebasis.
Bug suchen
Erst reproduzieren, dann ändern
Diagnosing Bugs
Claude · Cursor · Codex · Grok
Bauen Sie zuerst eine enge Rückkopplung auf, bevor Sie raten, und gehen Sie dann von der Reproduktion über die Isolation zum Patch.
Module schneiden
Kleine Schnittstelle, Verhalten dahinter
Codebase Design
Claude · Grok · Codex
Entwerfen Sie tiefe Module: Hinter einer kleinen Schnittstelle steckt viel Verhalten, und an den Nähten stehen Tests.
Begriffe festlegen
Nomen klären, bevor sie im Code stehen
Domain Modeling
Claude · Cursor · Grok
Halten Sie Begriffe, Invarianten und Entscheidungen fest, bevor der Code die falschen Nomen festschreibt.
Vue richtig schreiben
Aktuelle API, weniger Halluzination
Vue Best Practices
Cursor · Claude · Codex
Unterbinden Sie Halluzinationen bei Vue 3: aktuelle API, kompositionelle Schreibweise und die Fehler, die Modelle weiter wiederholen.
Webseite testen
Öffnen, klicken, Regression fangen
Webapp Testing
Claude · Cursor · Codex · Beliebiger Agent
Steuern Sie lokale Webanwendungen mit Playwright: Seiten öffnen, Klickpfade gehen und Regressionen fangen.
Komponenten zusammensetzen
Weniger Props stapeln
Vercel Composition Patterns
Cursor · Claude · Codex · Grok
Ordnen Sie React-Komponenten über Komposition, nicht über eine Vererbung, die Props nur durchreicht.
App bauen
Für das Telefon schreiben, die Webseite nicht kopieren
Vercel React Native Skills
Cursor · Claude · Codex
Schreiben Sie React Native nach einer Mobile-first-Vorgabe, statt Gewohnheiten aus Web-React blind zu übernehmen.
Zahlung anbinden
Checkout und Webhook
Stripe Best Practices
Cursor · Claude · Codex · Beliebiger Agent
Binden Sie Stripe auf die sichere Weise an: Checkout, Webhook, Idempotenz, und der Schlüssel bleibt aus dem Client.
Test zuerst schreiben
Erst fehlschlagen, dann bestehen, dann ordnen
Test-Driven Development
Claude · Cursor · Codex · Grok
Folgen Sie Rot, Grün, Refactor: zuerst ein fehlschlagender Test, dann der kleinste Code, der besteht.