Natuurlijk! Hier is een overzicht voor het ontwerpen van een AI-agent binnen Windsurf die naadloos contextuele projectinformatie, API-documentatie en teamstandaarden integreert tijdens het coderen voor jouw webapplicatie: 1. **Contextuele Projectinformatie integratie** - **Projectstructuur en metadata**: Zorg dat de AI toegang heeft tot je projectstructuur, bijvoorbeeld via een configuratiebestand of door automatisch de directory te scannen. - **Specifieke vereisten**: Geef de AI informatie over de functionaliteiten van je webapp en eventuele belangrijke beperkingen of standaarden (bijv. e-commerce flows, beveiliging, betalingsverwerking). 2. **API-documentatie integratie** - **Stripe API**: Implementeer een module waarin de AI toegang heeft tot de officiële Stripe API-documentatie en voorbeelden, zodat hij suggesties kan geven voor betalingsintegraties, webhooks, etc. - **Google Maps API**: Zorg dat de AI de documentatie en gebruiksvoorbeelden kan raadplegen voor locatiebepalingen, kaarten, enzovoort. - **Automatische referentie-informatie**: Laat de AI relevante API-documentatie en methoden ophalen en samenvatten op basis van de context van de code die geschreven wordt. 3. **Teamstandaarden en richtlijnen** - **Code stijl en standaarden**: Implementeer linters en formatters (zoals Black voor Python en Prettier voor JavaScript), en laat de AI hier rekening mee houden. - **PEP8 en type hints**: Geef expliciete richtlijnen dat de AI code volgens PEP8 en met type hints moet genereren en corrigeren. - **Beveiligingsrichtlijnen (OAuth2)**: Zorg dat de AI kennis heeft van best practices rond OAuth2 en beveiligingsmaatregelen, zodat hij beveiligingsfouten voorkomt. 4. **Integratie binnen Windsurf** - **Contextuele prompts**: Configureer de AI met prompts die de bovenstaande informatie samenvatten, bijvoorbeeld: ``` Je bent een assistent die helpt bij het schrijven van Python- en JavaScript-code voor een e-commerce webapplicatie. Volg de PEP8-standaard, gebruik type hints, en implementeer OAuth2-beveiliging waar nodig. Raadpleeg de Stripe API en Google Maps API-documentatie voor relevante functies. Houd rekening met de teamstandaarden. ``` - **Automatische suggesties en correcties**: Laat Windsurf de AI gebruiken om code snippets te genereren, suggesties te geven, en code te controleren op stijl en beveiliging. 5. **Automatisering en continued learning** - **Docstrings en inline comments**: Moedig de AI aan om uitgebreide documentatie te genereren volgens docstring-standaarden. - **Code review integratie**: Gebruik de AI voor automatische code review en verbeteringen, gebaseerd op de teamstandaarden en API-specificaties. **Samenvatting:** Ontwerp een Windsurf AI-agent die via geconfigureerde prompts, toegang tot projectstructuur, API-documentatie en code-stijl tools, contextueel en accuraat code helpt schrijven. Integreer API-documentatie door middel van API-specificaties en voorbeelden, en zorg dat de AI zich houdt aan jouw standaarden (PEP8, type hints, OAuth2). Hiermee wordt je ontwikkelproces efficiënter, consistenter en veiliger. Wil je dat ik een voorbeeldprompt of configuratie voor de Windsurf AI-agent opstel?

Hier is een ontwerp voor een AI-codeeragent binnen Windsurf, afgestemd op jouw e-commerce webapplicatie: ## Windsurf AI-Agent: "CommerceCoder" ### Kernfunctionaliteiten **1. Contextuele Projectintegratie** - Bewaart projectstructuur in real-time - Herkent e-commerce patronen (winkelwagentjes, gebruikerssessies, betalingsstromen) - Houdt frontend-backend interacties bij tussen Python/JavaScript **2. Dynamische Documentatielader** - Auto-synchronisatie met: - Stripe API documentatie (betalingen, webhooks, abonnementen) - Google Maps API (locatiediensten, bezorging) - OAuth2 specificaties (veilige authenticatie) **3. Teamstandaard Bewaker** - PEP8 compliantie voor Python-code - Type hints voor alle functies en returns - Beveiligingsaudit voor OAuth2 implementaties - JavaScript code style consistentie ### Implementatie Voorbeeld ```python # Auto-againstreerd met type hints en Stripe integratie from typing import Dict, Optional import stripe from googlemaps import Client as GoogleMaps class PaymentProcessor: """AI-againstreerde klasse met Stripe integratie en type safety""" def __init__(self, api_key: str) -> None: self.stripe_client = stripe.Stripe(api_key) self.gmaps = GoogleMaps(api_key) def process_payment(self, amount: int, currency: str = 'eur', customer_data: Optional[Dict] = None) -> stripe.PaymentIntent: """ Verwerkt betaling met Stripe volgens teamstandaarden """ try: payment_intent = self.stripe_client.PaymentIntent.create( amount=amount, currency=currency, metadata=customer_data or {} ) return payment_intent except stripe.error.StripeError as e: # AI-suggereerde foutafhandeling volgens beveiligingsrichtlijnen raise PaymentProcessingError(f"Betalingsfout: {str(e)}") ``` ### JavaScript Integratie ```javascript // AI-againstreerde frontend component met Google Maps class LocationService { constructor(apiKey) { this.mapsClient = new google.maps.Map(document.createElement('div'), { zoom: 10, center: { lat: 52.3676, lng: 4.9041 } // Amsterdam default }); } // Auto-completion voor bezorgingslocaties async calculateDeliveryRoute(origin, destination) { const directionsService = new google.maps.DirectionsService(); return await directionsService.route({ origin: origin, destination: destination, travelMode: 'DRIVING' }); } } ``` ### Slimme Functies **Context-Aware Code Generatie** - Herkent wanneer je aan betalingsmodules werkt → suggereert Stripe patronen - Werkt aan gebruikersauthenticatie → implementeert OAuth2 flows - Bouwt locatiediensten → integreert Google Maps optimalisaties **Beveiligingscontroles** - Automatische OAuth2 token validatie - SQL injection preventie in gegenereerde queries - XSS protectie in JavaScript templates **Team Workflow Optimalisatie** - Commit-berichten met contextuele projectinfo - Code reviews met automatische PEP8 checks - API rate limit monitoring suggesties ### Configuratie in Windsurf ```yaml # .windsurf/agent_config.yml ai_agent: name: "CommerceCoder" project_type: "ecommerce_webapp" languages: ["python", "javascript"] apis: - stripe - google_maps standards: python: "pep8_type_hints" security: "oauth2_compliance" auto_sync: documentation: true team_guidelines: true ``` Deze agent zal naadloos context meenemen uit je project, real-time API docs raadplegen, en teamstandaarden handhaven terwijl je code schrijft. Wil je dat ik specifieke componenten verder uitwerk?