Add prompts for FC project integrations

prompt-templates/frontend/integrations/analitycs-and-tracking/google-analytics.md

@@ -0,0 +1,24 @@
+Help me integrate Google Analytics 4 (GA4) into my [TECH_STACK] application.
+
+Project context:
+
+- Tech stack: [XXX]
+- Development environment: [YYY]
+- Integration purpose: Track user behavior, page views, and custom events
+
+What I need:
+
+1. GA4 property setup and configuration
+2. Google Tag Manager integration
+3. Page view tracking implementation
+4. Custom event tracking (button clicks, form submissions)
+5. E-commerce tracking for purchases
+6. GDPR compliance and cookie consent
+
+Additional requirements:
+
+- Server-side tracking for better data accuracy
+- Custom dimensions and metrics
+- Integration with Google Tag Manager
+
+Please provide a complete working example with detailed comments.

prompt-templates/frontend/integrations/analitycs-and-tracking/hotjar.md

@@ -0,0 +1,24 @@
+Help me integrate Hotjar into my e-commerce website for user experience analysis.
+
+Project context:
+
+- Tech stack: [XXX]
+- Development environment: [YYY]
+- Integration purpose: Session recording, heatmaps, and user feedback
+
+What I need:
+
+1. Hotjar account setup and site configuration
+2. Tracking code implementation
+3. Custom event triggers for key user actions
+4. Heatmap configuration for important pages
+5. Feedback widget integration
+6. Privacy compliance and user consent
+
+Additional requirements:
+
+- Conditional loading based on user consent
+- Integration with existing analytics
+- Performance optimization
+
+Please provide a complete working example with detailed comments.

prompt-templates/frontend/integrations/analitycs-and-tracking/mixpanel.md

@@ -0,0 +1,24 @@
+Help me integrate Mixpanel into my [TECH_STACK] app.
+
+Project context:
+
+- Tech stack: [XXX]
+- Development environment: [YYY]
+- Integration purpose: Event-based analytics for mobile app user behavior
+
+What I need:
+
+1. Mixpanel project setup and API configuration
+2. [XXX] SDK integration
+3. User identification and profile properties
+4. Custom event tracking implementation
+5. Revenue tracking for in-app purchases
+6. Push notification analytics
+
+Additional requirements:
+
+- Offline event queuing
+- Cross-platform user tracking
+- Funnel analysis setup
+
+Please provide a complete working example with detailed comments.

prompt-templates/frontend/integrations/analitycs-and-tracking/posthog.md

@@ -0,0 +1,24 @@
+Help me integrate PostHog into my [TECH_STACK] application for product analytics.
+
+Project context:
+
+- Tech stack: [XXX]
+- Development environment: [YYY]
+- Integration purpose: Self-hosted product analytics with feature flags
+
+What I need:
+
+1. PostHog instance setup (self-hosted or cloud)
+2. [XXX] SDK integration
+3. Event tracking implementation
+4. User identification and properties
+5. Feature flags integration
+6. Funnel and cohort analysis setup
+
+Additional requirements:
+
+- Session recording configuration
+- A/B testing capabilities
+- Privacy-compliant tracking
+
+Please provide a complete working example with detailed comments.

prompt-templates/frontend/integrations/base-prompt.md

@@ -0,0 +1,21 @@
+Help me integrate [SERVICE_NAME] into my [PROJECT_TYPE] project.
+
+Project context:
+
+- Tech stack: [e.g., React + Node.js, Next.js, Vue.js + Express, Django + React]
+- Development environment: [e.g., JavaScript/TypeScript, Python, PHP, Java]
+- Integration purpose: [e.g., user authentication, bot protection, SSO, payment processing]
+
+What I need:
+
+- Step-by-step setup and configuration guide
+- Required configuration files and environment variables
+- Code examples for [frontend/backend/full-stack integration]
+- Error handling and edge cases
+- Security recommendations and best practices
+
+Additional requirements:
+
+- [e.g., mobile device support, UI customization, existing user database integration]
+
+Please provide a complete working example with detailed comments.

prompt-templates/frontend/integrations/email-apis/firebase-cloud-messaging.md

@@ -0,0 +1,25 @@
+Help me integrate Firebase Cloud Messaging into my [TECH_STACK] web app for push notifications.
+
+Project context:
+
+- Tech stack: [XXX] + Firebase
+- Development environment: [YYY]
+- Integration purpose: Send push notifications to web browsers
+
+What I need:
+
+1. Firebase project setup and FCM configuration
+2. Service worker setup for background notifications
+3. Token registration and management
+4. Send notifications from frontend and backend
+5. Notification click handling and deep linking
+6. Topic-based and targeted messaging
+
+Additional requirements:
+
+- Notification permission handling
+- Custom notification styling
+- Analytics for notification engagement
+- Cross-browser compatibility
+
+Please provide a complete working example with detailed comments.

prompt-templates/frontend/integrations/email-apis/intercom.md

@@ -0,0 +1,25 @@
+Help me integrate Intercom into my SaaS application for customer support.
+
+Project context:
+
+- Tech stack: [XXX] + [ZZZ]
+- Development environment: [YYY]
+- Integration purpose: Live chat, customer support, and user onboarding
+
+What I need:
+
+1. Intercom workspace setup and configuration
+2. Messenger widget integration
+3. User identification and custom attributes
+4. Event tracking for user actions
+5. Custom bot setup for automated responses
+6. Support ticket management integration
+
+Additional requirements:
+
+- Multi-language support
+- Custom launcher styling
+- Integration with existing user system
+- Mobile app support
+
+Please provide a complete working example with detailed comments.

prompt-templates/frontend/integrations/email-apis/mailgun.md

@@ -0,0 +1,25 @@
+Help me integrate Mailgun into my [TECH_STACK] application for email delivery.
+
+Project context:
+
+- Tech stack: [XXX]
+- Development environment: [YYY]
+- Integration purpose: Reliable email delivery with analytics
+
+What I need:
+
+1. Mailgun domain setup and DNS configuration
+2. [XXX] email backend configuration
+3. Template-based email sending
+4. Webhook handling for email events
+5. Email validation and verification
+6. Bulk email sending with rate limiting
+
+Additional requirements:
+
+- Email tracking and analytics
+- Bounce and complaint handling
+- A/B testing for email templates
+- GDPR compliance features
+
+Please provide a complete working example with detailed comments.

prompt-templates/frontend/integrations/email-apis/sendgrid.md

@@ -0,0 +1,25 @@
+Help me integrate SendGrid into my [TECH_STACK] application for transactional emails.
+
+Project context:
+
+- Tech stack: [XXX]
+- Development environment: [YYY]
+- Integration purpose: Send transactional emails (welcome, password reset, notifications)
+
+What I need:
+
+1. SendGrid account setup and API key configuration
+2. Dynamic email template creation
+3. Email sending implementation with error handling
+4. Webhook setup for delivery tracking
+5. Email list management and segmentation
+6. Bounce and spam handling
+
+Additional requirements:
+
+- HTML and plain text email support
+- Attachment handling
+- Scheduled email sending
+- Email analytics integration
+
+Please provide a complete working example with detailed comments.

prompt-templates/frontend/integrations/headless-cms-and-backend-apis/contentfull.md

@@ -0,0 +1,29 @@
+I need to integrate Contentful for headless content management. Here are the details:
+
+Project Details:
+
+- Frontend framework: [React, Vue.js, Angular, Next.js, Gatsby, static site]
+- Content structure: [blog, e-commerce, marketing site, documentation]
+- API approach: [REST API, GraphQL, JavaScript SDK]
+- Rich text: [structured text, embedded assets, custom components]
+- Localization: [multiple languages, fallback content, translation workflow]
+- Preview: [draft content, preview API, editorial workflow]
+- Media management: [responsive images, video, file downloads]
+- SEO requirements: [meta tags, structured data, sitemap generation]
+
+What I need:
+
+1. Contentful space setup and content modeling
+2. JavaScript SDK integration and API configuration
+3. Content fetching strategies and caching
+4. Rich text rendering with custom components
+5. Image optimization and responsive delivery
+6. Preview mode implementation for editors
+7. Localization setup and content fallbacks
+8. SEO optimization and meta tag management
+9. Webhook integration for content updates
+10. Performance optimization and CDN usage
+
+Additional context: [content volume, editorial workflow, performance goals, SEO requirements]
+
+Please provide a complete working example with detailed comments.

prompt-templates/frontend/integrations/headless-cms-and-backend-apis/firebase.md

@@ -0,0 +1,29 @@
+I need to integrate Firebase for backend services and real-time functionality. Here are the details:
+
+Project Details:
+
+- Application type: [web app, mobile app, PWA, real-time app]
+- Services needed: [Firestore, Auth, Storage, Functions, Hosting, Analytics]
+- Authentication: [email/password, social login, phone auth, custom auth]
+- Database structure: [collections, subcollections, security rules]
+- Real-time features: [live updates, chat, collaboration, notifications]
+- File handling: [image uploads, document storage, media processing]
+- Serverless functions: [API endpoints, triggers, scheduled tasks]
+- Offline support: [local caching, sync, conflict resolution]
+
+What I need:
+
+1. Firebase project setup and configuration
+2. Authentication implementation with multiple providers
+3. Firestore database design and security rules
+4. Real-time data synchronization setup
+5. Cloud Storage integration for file uploads
+6. Cloud Functions for server-side logic
+7. Firebase Hosting deployment configuration
+8. Offline functionality and data persistence
+9. Push notifications and messaging
+10. Analytics and performance monitoring
+
+Additional context: [scalability needs, security requirements, offline usage, real-time features]
+
+Please provide a complete working example with detailed comments.

prompt-templates/frontend/integrations/headless-cms-and-backend-apis/hasura.md

@@ -0,0 +1,29 @@
+I need to integrate Hasura for instant GraphQL APIs and real-time features. Here are the details:
+
+Project Details:
+
+- Database: [PostgreSQL, existing database, microservices integration]
+- Frontend: [React + Apollo, Vue.js + GraphQL, Next.js, mobile app]
+- Authentication: [JWT, webhook auth, custom auth service]
+- Authorization: [role-based permissions, row-level security, dynamic rules]
+- Real-time: [subscriptions, live queries, collaborative features]
+- Custom logic: [Actions, Event Triggers, Remote Schemas]
+- Deployment: [Hasura Cloud, self-hosted, Docker, Kubernetes]
+- Integration: [existing APIs, third-party services, microservices]
+
+What I need:
+
+1. Hasura setup and database connection
+2. GraphQL schema generation and customization
+3. Authentication and JWT configuration
+4. Authorization rules and permission system
+5. Real-time subscriptions implementation
+6. Actions for custom business logic
+7. Event Triggers for automated workflows
+8. Remote Schema integration
+9. GraphQL client setup and optimizations
+10. Production deployment and monitoring
+
+Additional context: [database complexity, authorization requirements, real-time needs, existing infrastructure]
+
+Please provide a complete working example with detailed comments.

prompt-templates/frontend/integrations/headless-cms-and-backend-apis/hygraph.md

@@ -0,0 +1,29 @@
+I need to integrate Hygraph for GraphQL-based content management. Here are the details:
+
+Project Details:
+
+- Frontend stack: [React + Apollo, Vue.js + GraphQL, Next.js, Gatsby]
+- Content modeling: [hierarchical content, relations, content federation]
+- GraphQL setup: [queries, mutations, subscriptions, fragments]
+- Rich text: [structured content, custom renderers, embedded assets]
+- Localization: [multi-region content, translation management]
+- Media management: [asset transformations, responsive images, video]
+- Real-time: [live updates, collaborative editing, webhooks]
+- Permissions: [content roles, API access, editorial workflow]
+
+What I need:
+
+1. Hygraph project setup and schema design
+2. GraphQL client configuration (Apollo/Relay)
+3. Content queries and data fetching strategies
+4. Rich text rendering with custom components
+5. Asset management and image transformations
+6. Real-time updates and subscription setup
+7. Localization and multi-region content
+8. Authentication and permission management
+9. Webhook integration for content changes
+10. Performance optimization and caching
+
+Additional context: [GraphQL experience, content complexity, real-time requirements, team workflow]
+
+Please provide a complete working example with detailed comments.

prompt-templates/frontend/integrations/headless-cms-and-backend-apis/prismic.md

@@ -0,0 +1,29 @@
+I need to integrate Prismic for slice-based content management. Here are the details:
+
+Project Details:
+
+- Framework: [React, Vue.js, Next.js, Nuxt.js, Gatsby, vanilla JavaScript]
+- Content approach: [page builder, blog, marketing site, component library]
+- Slice Machine: [custom slices, reusable components, design system]
+- Rich text: [structured content, custom serializers, embedded content]
+- Preview: [draft content, A/B testing, scheduled publishing]
+- Localization: [multi-language, content variants, translation workflow]
+- SEO: [meta tags, structured data, URL structure]
+- Performance: [static generation, incremental builds, image optimization]
+
+What I need:
+
+1. Prismic repository setup and slice configuration
+2. Slice Machine integration and custom slice development
+3. JavaScript client setup and API queries
+4. Rich text rendering with custom components
+5. Preview mode and draft content handling
+6. Page routing and dynamic URL generation
+7. SEO optimization and meta tag management
+8. Image optimization and responsive delivery
+9. Localization setup and content variants
+10. Static site generation and build optimization
+
+Additional context: [design system requirements, content structure, performance goals, editorial workflow]
+
+Please provide a complete working example with detailed comments.