Ultimate Prompt Engineering Toolkit

💳 KERN-INTEGRATIONEN & PAYMENT GATEWAYS

Stripe API: Subscriptions, Billing, Webhooks, Checkout Sessions SaaS
PayPal REST API: Einmalzahlungen, Subscriptions, Payouts E-Commerce
Paddle: SaaS Billing + Steuerautomatisierung (EU VAT Ready) International
Braintree: Advanced Payments & Vaulting Security
Adyen: Global Payment Solution für Enterprises Enterprise
Razorpay: Indien-fokussiertes Payment Gateway mit Abo-Modellen Regional
Google Pay / Apple Pay: Mobile Payments mit Stripe Integration Mobile
Coinbase Commerce: Akzeptiere Kryptowährungen (BTC, ETH, USDC) Crypto
Revolut Business: Abrechnung und Währungsumtausch für internationale Kunden Forex
Mollie: Europäische Payment-Lösung mit niedriger Einstiegshürde EU
Klarna: Buy-now-pay-later Integration für höhere Konversionsraten Conversion
Square: Omnichannel Payments für Online und Offline Geschäfte Omnichannel

PROMPT-BEISPIEL: "Implementiere ein Stripe Subscription System mit Checkout Sessions und Webhooks. Verknüpfe PayPal als alternative Zahloption und integriere Apple Pay für mobile Nutzer."

ERWEITERTES BEISPIEL: "Erstelle ein Multi-Gateway Payment System mit Stripe als Hauptprozessor, PayPal als Alternative und Coinbase für Krypto-Zahlungen. Implementiere Webhook-Handler für alle Plattformen mit einer einheitlichen Event-Verarbeitung und Transaktionsprotokollierung in der Datenbank."

🚀 FRONTEND TECHNIQUES

HTML5 ADVANCED

Semantic Tags: <header>, <article>, <section>, <footer>
Media Elements: <video>, <audio>, <canvas>, <picture>
Form Validation: Built-in constraints, validation API
Web Components: Custom elements, shadow DOM

CSS3 TECHNIQUES

CSS Variables: --primary-color, var(--primary-color)
Flexbox & Grid: Responsive layouts
Animations: @keyframes, transitions
Media Queries: Responsive design breakpoints
Container Queries: Component-level responsiveness

JAVASCRIPT MODERN

ES6+ Features: Arrow functions, destructuring, modules
Async Programming: Promises, async/await
Event Loop: Microtasks, macrotasks
Web APIs: Intersection Observer, Fetch API
Performance: Throttling, debouncing, memoization

FRONTEND FRAMEWORKS

React: Hooks, Context, Suspense
Vue: Composition API, Reactivity
Angular: Dependency Injection, RxJS
Svelte: Compile-time reactivity, minimal runtime
Next.js/Nuxt.js: SSR, static generation, routing

PROMPT-BEISPIEL: "Create a modern frontend component using CSS Grid with responsive breakpoints, accessibility features, and optimized animations that work across browsers."

ERWEITERTES BEISPIEL: "Develop a high-performance data visualization component with Canvas/WebGL rendering, virtualized data handling for thousands of points, responsive layout adaptation, and touch/mouse interaction. Implement accessibility features including keyboard navigation, screen reader support, and high-contrast mode. Add progressive enhancement with fallback rendering for older browsers and performance monitoring via Core Web Vitals metrics."