shopify-apps
Shopify-Apps mit modernen Mustern entwickeln
Die Entwicklung von Shopify-Apps erfordert das Verständnis komplexer Integrationsmuster. Dieser Skill bietet bewährte Muster für eingebettete Apps, Webhook-Verarbeitung und GraphQL-API-Nutzung.
Die Skill-ZIP herunterladen
In Claude hochladen
Gehe zu Einstellungen → Fähigkeiten → Skills → Skill hochladen
Einschalten und loslegen
Teste es
Verwendung von "shopify-apps". Anfrage: Webhook-Handler für Produktaktualisierungen erstellen
Erwartetes Ergebnis:
Erstellt Express-Route mit HMAC-Verifizierungs-Middleware, warteschlangenbasierter asynchroner Verarbeitung und Shopify-konformer 200ms-Antwortanforderung mit Hintergrundaufgabe für schwere Operationen.
Verwendung von "shopify-apps". Anfrage: Eingebettete App-Navigation erstellen
Erwartetes Ergebnis:
Erstellt App Bridge-Navigationskomponente mit Navigationsblock-Verknüpfung zu Admin-Abschnitten, ordnungsgemäßer Routenerkennung und Polaris-Navigationsstil.
Sicherheitsaudit
SicherStatic analyzer flagged two false positives for weak cryptographic algorithms at SKILL.md lines 3 and 46. Both are documentation text, not executable code. Line 3 mentions HMAC verification as a best practice. Line 46 is descriptive text. This is a documentation skill with no code execution risk.
Qualitätsbewertung
Was du bauen kannst
Shopify-App-Gerüst
Erstellen Sie eine vollständige Shopify-App-Struktur mit Remix, App Bridge und Polaris für die schnelle Projekteinrichtung.
Webhook-Handler-Implementierung
Erstellen Sie sichere Webhook-Endpunkte mit ordnungsgemäßer HMAC-Verifizierung und asynchronen Verarbeitungsmustern.
GraphQL-API-Integration
Erstellen Sie effiziente GraphQL-Abfragen und -Mutationen für Produkt-, Bestell- und Kundenverwaltung.
Probiere diese Prompts
Erstellen Sie eine Shopify-App mit Remix und App Bridge-Integration. Include die grundlegende Dateistruktur, package.json-Abhängigkeiten und Haupteinstiegspunkte für eine eingebettete App.
Erstellen Sie einen Webhook-Handler für den orders/create-Webhook. Include HMAC-Signaturverifizierung, asynchrone Verarbeitung mit einer Warteschlange und ordnungsgemäße Fehlerbehandlung für Wiederholungslogik.
Erstellen Sie eine Polaris IndexTable-Komponente für die Anzeige von Shopify-Produkten. Include Spaltendefinitionen für Titel, Anbieter, Preis und Bestand. Fügen Sie Sortierung nach Erstellungsdatum und Filterung nach Anbieter hinzu.
Schreiben Sie eine GraphQL-Abfrage, um Produkte mit Varianten abzurufen, einschließlich Bestandebenen across Standorten. Fügen Sie Paginierungsunterstützung mit cursorbasierter Navigation hinzu.
Bewährte Verfahren
- Verwenden Sie die GraphQL Admin API für alle neuen Entwicklungen anstelle von REST für bessere Leistung und Flexibilität
- Verarbeiten Sie Webhooks asynchron und antworten Sie innerhalb von 200 ms, um Shopify-Timeouts zu vermeiden
- Fordern Sie Kundendaten-Zugriffsbereiche nur an, wenn sie erforderlich sind, und bearbeiten Sie GDPR-Löschanfragen
Vermeiden
- Verwendung der REST API für neue App-Entwicklung, wenn GraphQL bessere Fähigkeiten bietet
- Synchrone Webhook-Verarbeitung, die das Shopify 200ms-Antwort-Timeout überschreitet
- Abfragen der Shopify API nach Änderungen statt Webhooks für Echtzeit-Updates zu verwenden