larouex-fullstack-builder

Create basic admin dashboard with protected routes. Implement admin route protection with role-based access control. Create dashboard layout with sidebar navigation using Bootstrap. Add user management table with search and pagination. Implement CRUD operations for users: create, read, update, delete. Add role assignment functionality (admin, editor, user). Create activity logs showing user actions with timestamps. Implement analytics overview with key metrics. Add content management sections. Create settings page for application configuration. Ensure all operations are audited and logged. Add confirmation modals for destructive actions. Reference authentication-agent for security implementation. Test with different user roles and permissions.

Integrate Google Analytics 4 for comprehensive tracking. Install gtag.js script in application layout. Create analytics wrapper hooks for type-safe event tracking. Implement automatic pageview tracking with Next.js router events. Add custom event tracking for business metrics: button clicks, form submissions, conversions. Set up enhanced measurement for scroll depth and outbound links. Create user property tracking for segmentation. Configure conversion goals in GA4 dashboard. Implement cookie consent banner for GDPR compliance. Add Google Tag Manager for flexible tracking management. Provide analytics tracking guide for team. Test tracking in development with GA4 debug mode.

Integrate privacy-friendly Plausible Analytics for cookieless tracking. Add Plausible script to application layout with custom domain if configured. Implement automatic pageview tracking. Create custom event tracking hooks for user interactions. Set up goals in Plausible dashboard for conversion tracking. Implement server-side event tracking using Plausible API for backend events. Configure custom properties for event context. Add revenue tracking for e-commerce. Create public or private dashboard sharing. No cookie consent required due to privacy-first approach. Provide analytics integration documentation. Test tracking in development environment with Plausible test mode.

Create a new Azure Function HTTP endpoint with full integration.

Create a new Express API endpoint with full integration.

Implement authentication system with comprehensive user management.

Implement background job processing with queue system. Set up job queue using Bull/BullMQ with Redis. Create job processor workers for different job types. Implement retry logic with exponential backoff for failed jobs. Add job monitoring dashboard using Bull Board showing active, completed, failed jobs. Handle job failures gracefully with dead letter queue. Support job prioritization for urgent tasks. Implement job progress tracking for long-running tasks. Add job scheduling for delayed execution. Create job types: email sending, image processing, data export, report generation. Configure concurrency limits per job type. Add job cleanup for old completed jobs. Document job API and usage patterns.

Implement comprehensive caching strategy across the application. Configure CDN caching headers in staticwebapp.config.json or Railway configuration. Set cache-control headers for static assets (immutable for hashed files). Implement static generation with revalidation using Next.js ISR. Add client-side caching with SWR or React Query for API responses. Configure stale-while-revalidate patterns. Implement service worker for offline support and asset caching. Add cache versioning strategy. Document cache invalidation procedures for deployments. Test caching behavior in production. Measure performance improvements with faster load times.

Integrate Chart.js or Recharts for data visualization. Create reusable chart components: line, bar, pie, area, scatter. Implement responsive sizing with container-based dimensions. Add interactive tooltips showing detailed data on hover. Create customizable legends with click-to-hide series. Support real-time data updates with smooth animations. Add accessibility with ARIA labels and keyboard navigation. Implement color theming matching application design. Add data export functionality (PNG, CSV). Create chart loading states and error handling. Configure chart options: axis labels, gridlines, scales. Reference frontend-development-agent for React integration. Provide usage examples for each chart type.

Create comprehensive shopping cart and checkout flow. Implement cart state management with Context API or Zustand. Create cart UI component with item list, quantity controls, and remove buttons. Calculate totals including subtotal, tax, shipping, and discounts. Add shipping address form with validation. Implement checkout form with payment information section. Add order summary with itemized breakdown. Integrate payment processing (Stripe, PayPal). Create order confirmation page with order number and details. Send confirmation email with receipt. Implement cart persistence with local storage. Add discount code functionality. Reference forms-workflow-agent for form handling and validation. Test entire checkout flow thoroughly.

Create content management UI for editing static JSON content files. Build content editor forms with validation for JSON structure. Implement file upload functionality for JSON updates. Add preview functionality to see changes before publishing. Track version history of content changes with timestamps and authors. Validate content against JSON schema before saving. Provide rollback capability to restore previous versions. Create rich text editor for markdown/HTML content fields. Add image management for content assets. Implement publishing workflow with draft/published states. Add content search and filtering. Create backup system for content files. Reference content-seo-agent for content structure. Test with various content types.

Create a reusable React component with TypeScript and best practices.

Create a static JSON content file with schema and loading utilities.

Create scheduled background jobs using Azure Functions timer triggers. Implement timer-triggered function with NCRONTAB expression for scheduling. Add comprehensive logging for job execution with Application Insights. Handle execution failures with error notifications. Implement idempotency to prevent duplicate processing. Add job monitoring dashboard and alerts for failures. Configure timeout and retry policies. Create job history tracking in Table Storage. Provide examples: scheduled data cleanup, report generation, data synchronization, cache warming. Add manual trigger endpoint for testing. Reference azure-serverless-agent for serverless patterns. Document cron expressions and job configurations for maintenance.

Create scheduled jobs on Railway using node-cron or external cron services. Implement cron scheduler in Express application with node-cron. Add job management API for listing, triggering, and monitoring jobs. Implement comprehensive job logging with timestamps and status. Handle job failures with retry logic and exponential backoff. Add job locking to prevent concurrent executions. Create job monitoring dashboard showing last run, next run, and status. Configure jobs via environment variables. Provide examples: database backups, cleanup tasks, email digests, data synchronization. Add health check endpoint for monitoring. Reference devops-railway-agent for Railway deployment patterns. Document job schedules.

Create a comprehensive metrics dashboard layout. Implement responsive grid using Bootstrap with metric cards and charts. Add KPI cards showing key metrics with trend indicators and percentage changes. Create real-time data updates using polling or WebSockets. Implement date range filtering with presets (today, week, month, year). Add chart components for visualizing trends. Include summary statistics and comparisons. Add export functionality for reports (PDF, CSV). Create loading skeletons for data fetching states. Make dashboard responsive for tablet and mobile. Add refresh button and auto-refresh toggle. Reference monitoring-observability-agent for data integration and metrics collection.

Set up Azure Table Storage with complete data layer implementation.

Set up PostgreSQL database with Prisma ORM and complete data layer.

Create Playwright end-to-end test for a complete user flow.

Integrate email functionality using Azure Communication Services or SendGrid. Create Azure Function for sending emails with HTTP trigger. Design email templates using HTML/Handlebars. Implement email validation and sanitization. Handle delivery failures with retry logic and error logging. Create email queue for bulk sending. Add email tracking for opens and clicks if needed. Configure SMTP credentials in Azure App Settings. Provide usage examples for transactional emails (welcome, password reset, notifications). Test email delivery in development and production. Reference azure-serverless-agent for Azure Functions implementation. Document email sending API and template customization.

Integrate email functionality using Nodemailer or Resend API. Set up SMTP configuration with environment variables. Create email templates using React Email for type-safe component-based emails. Implement send email API endpoint in Express. Add email validation and rate limiting. Handle delivery failures with retry logic using Bull queue. Implement email preview endpoint for testing. Configure transactional email service (SendGrid, Mailgun, or Resend). Provide usage examples for common email types. Test email sending in development with Ethereal Email. Reference devops-railway-agent for Railway deployment. Document email API and template creation workflow.

Implement React error boundaries throughout the application. Create error boundary component with componentDidCatch lifecycle. Add fallback UI with friendly error message and retry button. Log errors to monitoring service (Sentry, Azure Monitor) with stack traces. Implement granular boundaries for different sections: page-level, component-level, layout-level. Preserve error context for debugging. Add development vs production error displays. Implement automatic error recovery attempts. Create error reporting UI for users to submit details. Add error boundary for async components with Suspense. Reference frontend-development-agent for React patterns. Test error handling with intentional errors in development.

Create custom error pages for 404, 500, and offline scenarios. Design user-friendly error pages styled with Bootstrap matching brand identity. Add 404 page with helpful navigation links and popular pages. Implement 500 error page with contact options and status page link. Create offline page for progressive web app functionality. Add search functionality to find intended content. Implement "Did you mean?" suggestions based on URL. Include relevant illustrations or graphics. Add breadcrumb navigation where applicable. Ensure error pages are accessible with proper heading structure. Make pages responsive for all devices. Reference content-seo-agent for copy and SEO optimization.

Integrate Sentry for comprehensive error tracking and monitoring. Create Sentry project and obtain DSN. Add Sentry SDK to frontend (Next.js) and backend (Azure Functions/Express). Configure source maps upload for readable stack traces. Implement automatic error capture for unhandled exceptions. Add user context (ID, email, username) to error reports. Capture breadcrumbs for user actions leading to errors. Set up custom error tags for categorization. Configure alert rules for critical errors. Implement error rate monitoring and thresholds. Create error triage workflow for team. Reference monitoring-observability-agent for observability setup. Test error tracking in development environment.

Create advanced filtering UI components for data exploration. Implement filter sidebar with collapsible sections using Bootstrap accordion. Add multiple filter types: checkboxes, dropdowns, range sliders, date pickers. Support multi-select filters with select all/none options. Display active filters as removable chips. Add clear all filters button. Update results in real-time as filters change. Maintain filter state in URL query parameters for shareability. Implement filter count badges showing available options. Make filters responsive with mobile-friendly drawer. Add filter presets for common combinations. Reference forms-workflow-agent for form handling and validation.

Create a form component with validation and comprehensive functionality.

Integrate heatmap and session recording using Microsoft Clarity or Hotjar. Add tracking script to application layout. Configure privacy settings to mask sensitive information (passwords, personal data). Set up custom triggers for recording specific user segments. Implement event tracking for custom interactions. Create conversion funnels to identify drop-off points. Configure heatmap tracking for key pages. Add rage click and dead click detection. Set up user feedback polls or surveys. Analyze scroll depth and engagement patterns. Configure data retention policies. Reference monitoring-observability-agent for tracking setup. Provide team access and dashboard training documentation.

Implement multi-language support using next-intl. Set up locale detection from browser, URL, or user preference. Create translation files in JSON format for each locale (en, es, fr, etc.). Implement locale-based routing with Next.js App Router. Create language switcher component with dropdown or flags. Translate all UI text, error messages, and static content. Support RTL languages (Arabic, Hebrew) with directional CSS. Add number and date formatting per locale. Implement plural rules and interpolation. Provide translation workflow documentation for content team. Reference frontend-development-agent for Next.js integration. Test all languages for proper rendering.

Create an image gallery component with upload capability. Implement responsive grid layout using Bootstrap grid system. Add lightbox modal for full-size image viewing with navigation controls. Create image upload interface with drag-and-drop and preview. Support multiple image uploads simultaneously. Implement lazy loading for performance with Intersection Observer. Add filtering by category or tags. Implement sorting options (date, name, size). Include image metadata display (filename, size, upload date). Add delete functionality with confirmation. Use Next.js Image component for optimization. Make gallery fully responsive for mobile devices. Reference frontend-development-agent for component architecture.

Implement live data updates without WebSockets. Use SWR or React Query for automatic polling and revalidation. Configure polling intervals based on data freshness requirements. Implement Server-Sent Events (SSE) for one-way real-time updates from server. Add optimistic UI updates for immediate user feedback. Handle stale data with background refetching. Show connection status indicator to users. Implement focus-based revalidation when user returns to tab. Add manual refresh trigger. Create smart polling that stops when user is idle. Provide examples: live notifications, real-time metrics, status updates. Handle network errors gracefully with retry logic.

Add comprehensive number, date, and currency formatting based on user locale. Use JavaScript Intl API for native formatting capabilities. Create formatting utility functions for common patterns: currency, percentages, dates, times. Implement locale-aware components that automatically format values. Add timezone support with automatic conversion and display. Format currencies correctly with appropriate symbols and decimal places. Support regional number formats (comma vs period as decimal separator). Create date formatting presets: short, medium, long, relative. Add calendar localization for date pickers. Provide formatting examples and usage guide. Test with multiple locales to ensure accuracy.

Create a multi-step form wizard with progress tracking and validation.

Create a responsive navigation system with modern features.

Create a toast notification system for user feedback. Implement notification context with React Context API for global state. Create toast component styled with Bootstrap alert variants (success, error, warning, info). Add auto-dismiss functionality with configurable timeout. Support manual close button. Implement notification queue for multiple simultaneous toasts. Add slide-in animations with CSS transitions. Position notifications in top-right corner with fixed positioning. Include accessibility features: ARIA live regions, keyboard dismissal. Provide simple API: notify.success(), notify.error(), etc. Add usage examples throughout the application. Make notifications responsive for mobile devices.

Create user onboarding flow with guided tour. Implement step-by-step tutorial overlay using React Joyride or similar library. Add tooltips highlighting key features with descriptions. Create welcome modal introducing main functionality. Implement checklist for first-time users to complete setup tasks. Support skip/dismiss options for experienced users. Track onboarding completion in user preferences. Add progress indicator showing steps completed. Implement spotlight effect focusing on current step. Make onboarding contextual based on user role. Include accessibility features: keyboard navigation, screen reader support. Style with Bootstrap modals and tooltips. Provide restart tour option in settings.

Create a new Next.js page with proper routing and structure.

Create a protected Next.js route with authentication enforcement.

Integrate Azure Cognitive Search for powerful full-text search. Set up Azure Cognitive Search service and create search index with schema. Create Azure Function for search API endpoint with query parameters. Implement search component with filters and facets. Add autocomplete and suggestions using search service features. Support pagination for large result sets. Highlight matching terms in results. Implement advanced features: fuzzy search, proximity search, boosting. Add search analytics tracking. Configure indexers for automatic data updates. Optimize search relevance with scoring profiles. Reference azure-serverless-agent for Azure integration. Provide search API documentation and examples.

Implement client-side search functionality using Fuse.js for fuzzy matching. Create search component with input field and autocomplete dropdown. Implement debounced search input to reduce computation. Configure Fuse.js with appropriate threshold and keys for searchable fields. Add search result highlighting for matched terms. Display relevant results with ranking scores. Support keyboard navigation in search results. Add search history with local storage. Implement clear search button. Make search accessible with ARIA labels and roles. Style with Bootstrap form components. Provide instant search feedback. Reference frontend-development-agent for React implementation.

Create a reusable page section component with responsive design.

Add comprehensive SEO to a page using Next.js 15 Metadata API.

Embed social media feeds from Instagram, Twitter, or other platforms. Fetch posts via official APIs with authentication tokens. Create feed component using Bootstrap card layout. Implement response caching to reduce API calls and respect rate limits. Add lazy loading for feed as user scrolls. Support filtering by hashtags or user accounts. Display post metadata: likes, comments, timestamp, author. Handle API rate limits with error messages. Provide fallback UI when API is unavailable. Add refresh button for manual updates. Style feed matching site design. Make feed responsive for mobile. Reference content-seo-agent for content integration. Document API setup and rate limits.

Implement OAuth social login with Google, GitHub, and Microsoft. Set up OAuth applications in provider developer consoles. Create authentication flow with authorization code grant. Implement callback handling for OAuth redirect. Store user profile information (name, email, avatar) in database. Add account linking to merge social and email accounts. Handle authentication errors gracefully with user-friendly messages. Implement CSRF protection with state parameter. Add logout functionality clearing all sessions. Store OAuth tokens securely with encryption. Support multiple social accounts per user. Create user profile page showing connected accounts. Reference authentication-agent for security best practices. Test OAuth flow in development with test accounts.

Add social media sharing functionality. Create share component with buttons for Twitter, Facebook, LinkedIn, and email. Implement native Web Share API for mobile devices with fallback. Add share count display fetched from social platform APIs. Generate proper share URLs with encoded parameters. Add Open Graph and Twitter Card meta tags for rich previews. Track share events in analytics for measuring viral reach. Style buttons with brand colors and icons. Make component configurable for different content types. Add copy link button with clipboard API. Ensure accessibility with proper ARIA labels. Reference frontend-development-agent for component implementation. Test sharing on multiple platforms.

Integrate Stripe payment processing. Set up Stripe account and obtain API keys. Implement checkout flow using Stripe Checkout or Payment Element. Create payment API endpoints in Azure Functions or Express. Add webhook handling for payment events: succeeded, failed, refunded. Implement subscription billing with recurring payments if needed. Handle payment failures with retry logic. Add receipt generation and email delivery. Ensure PCI compliance by never storing card details. Implement 3D Secure authentication (SCA) for European customers. Add payment method management for saved cards. Create payment history dashboard. Reference azure-serverless-agent or devops-railway-agent for backend integration. Test with Stripe test mode.

Create advanced data table component with rich features. Implement column sorting (ascending/descending) with multi-column support. Add pagination with page size selector and jump to page. Implement client-side and server-side filtering. Add column visibility toggle with saved preferences. Implement row selection with checkboxes and select all. Add bulk actions dropdown for selected rows. Create responsive design with horizontal scroll on mobile. Add export to CSV functionality. Implement column resizing and reordering. Add empty state and loading skeleton. Include accessibility features: keyboard navigation, ARIA labels, screen reader support. Reference forms-workflow-agent for data handling and state management.

Generate comprehensive tests for a component or API endpoint.

Implement file upload functionality with Azure Blob Storage. Create upload component with drag-and-drop interface and file selection. Build Azure Function to generate SAS tokens for secure direct uploads. Implement client-side upload to Blob Storage using Azure SDK. Add upload progress tracking with progress bar. Validate file types, sizes, and names before upload. Implement file listing from Blob Storage with thumbnail generation for images. Add file deletion functionality. Handle upload errors gracefully. Configure CORS for Blob Storage. Reference azure-serverless-agent for Azure integration. Provide usage examples and security best practices documentation.

Implement file upload functionality using Railway volumes or S3-compatible storage. Create upload component with drag-and-drop interface. Add Express API endpoint for file handling with multer middleware. Implement multipart/form-data parsing. Add upload progress tracking. Validate file types, sizes, and names server-side. Store files in Railway persistent volume with organized directory structure. Implement file serving endpoint with proper content-type headers. Add file listing and deletion APIs. Handle disk space limits. Configure storage path in environment variables. Reference devops-railway-agent for Railway volumes setup. Provide file management UI and API documentation.

Create comprehensive user management admin interface. Display user list with search, filtering, and sorting capabilities. Implement user CRUD operations: create new users, view profiles, update information, delete accounts. Add role assignment with dropdown selection (admin, editor, user, guest). Show user activity timeline with login history and actions. Support bulk actions: bulk role assignment, bulk delete, bulk email. Add user impersonation feature for debugging user issues with audit logging. Implement user status management (active, suspended, banned). Create user export functionality (CSV, Excel). Add advanced filters: registration date range, role, status. Ensure audit logging for all management actions. Reference authentication-agent for security implementation.

Implement real-time communication using Azure SignalR Service. Set up Azure SignalR resource and obtain connection string. Create Azure Function for SignalR negotiation endpoint. Implement SignalR hub with message broadcasting methods. Create client connection hooks with automatic reconnection. Implement publish/subscribe patterns for different message types. Add connection state management (connecting, connected, disconnected). Handle reconnection logic with exponential backoff. Create user group management for targeted messaging. Provide examples: real-time chat, live notifications, collaborative editing. Add message queuing for offline users. Reference azure-serverless-agent for serverless implementation. Test real-time functionality across multiple clients.

Implement WebSockets using Socket.io on Railway. Set up Socket.io server integrated with Express application. Configure CORS for WebSocket connections. Create client connection hooks with React. Implement room-based messaging for grouped communication. Add user authentication for WebSocket connections using JWT. Handle connection and disconnection events. Implement reconnection logic with exponential backoff. Add heartbeat/ping-pong for connection health monitoring. Create message broadcasting and private messaging. Provide examples: real-time chat, live updates, notifications. Handle scaling with Redis adapter for multiple server instances. Reference devops-railway-agent for Railway deployment. Test WebSocket functionality in production environment.

Audit the project for WCAG 2.1 AA accessibility compliance.

Perform comprehensive security audit of the current project.

Deploy to Azure production with mandatory review gate and comprehensive validation.

Deploy the current project to Azure staging environment.

Deploy to Railway production environment with mandatory review gate and validation.

Deploy the current project to Railway staging environment.

Generate comprehensive API documentation from code. Create OpenAPI/Swagger specification for all API endpoints. Document each endpoint with method, path, parameters, request body, and response schemas. Add authentication requirements and security schemes. Include error responses with status codes and error formats. Generate interactive API explorer using Swagger UI or Redoc. Add code examples in multiple languages for each endpoint. Document rate limiting and pagination. Include webhook documentation if applicable. Add getting started guide with authentication setup. Generate TypeScript types from OpenAPI spec. Keep documentation in sync with code using automated tools. Host documentation with application.

Generate comprehensive README.md for the project. Include clear project description and purpose. Document complete tech stack with versions: Next.js, React, TypeScript, Bootstrap, Azure/Railway. List prerequisites and required tools. Provide step-by-step installation instructions. Document all environment variables with descriptions. Explain development workflow: starting dev server, running tests, building for production. Add deployment instructions for Azure Static Web Apps or Railway. Include testing guide with examples. Create contribution guidelines for developers. Add troubleshooting section for common issues. Include license and contact information. Add badges for build status, version, license. Make README clear and maintainable.

Migrate this Azure-hosted project to Railway. Convert Azure Functions to Express.js API routes. Migrate Azure Table Storage to PostgreSQL with Prisma ORM. Update environment variables for Railway platform. Create railway.toml configuration and Dockerfile for deployment. Set up staging and production environments. Configure custom domains and SSL certificates. Migrate static web app configuration to Railway's routing. Update CI/CD pipelines for Railway deployment. Provide step-by-step migration checklist and deployment instructions. Reference devops-railway-agent for Railway-specific expertise. Test all functionality after migration.

Migrate this Railway-hosted project to Azure Static Web Apps. Convert Express API routes to Azure Functions with HTTP triggers. Migrate PostgreSQL database to Azure Table Storage or Azure SQL Database. Create staticwebapp.config.json for routing and configuration. Set up GitHub Actions workflow for Azure deployment. Configure deployment slots for staging/production. Update environment variables in Azure portal. Migrate file storage to Azure Blob Storage if needed. Provide comprehensive migration checklist and rollback plan. Reference devops-azure-agent for Azure-specific expertise. Test all endpoints and functionality after migration.

Upgrade this Next.js project to version 15. Update package.json dependencies to Next.js 15 and React 19. Migrate App Router patterns and update metadata API usage following latest conventions. Fix breaking changes in configuration, middleware, and API routes. Update next.config.ts with new configuration options. Test the build process and development server. Update TypeScript types and resolve compilation errors. Document migration steps and breaking changes. Reference frontend-development-agent for React/Next.js expertise. Ensure all pages, components, and API routes work correctly after upgrade.

Analyze and optimize JavaScript bundle size. Run @next/bundle-analyzer to visualize bundle composition. Implement code splitting with dynamic imports for large components. Add route-based code splitting for page components. Remove unused dependencies from package.json. Configure tree shaking in next.config.ts. Optimize third-party library imports (use specific imports instead of entire libraries). Replace heavy libraries with lighter alternatives. Implement lazy loading for non-critical components. Measure bundle size before and after optimizations. Provide detailed report with size reductions. Set bundle size budgets for future monitoring.

Optimize all images in the project for web performance. Convert images to modern formats (WebP, AVIF) with fallbacks. Replace img tags with Next.js Image component for automatic optimization. Add proper width/height attributes to prevent layout shift. Implement lazy loading for below-fold images. Compress existing images using sharp or imagemin. Create responsive image sets with srcset. Add priority loading for hero images. Configure next.config.ts for image optimization. Measure performance improvements with Lighthouse. Reference frontend-development-agent for Next.js Image API expertise. Document image optimization guidelines.

Run Lighthouse audit and implement recommended performance fixes. Improve Core Web Vitals: Largest Contentful Paint (LCP), First Input Delay (FID), Cumulative Layout Shift (CLS). Optimize font loading with font-display: swap and preloading. Add resource hints (preload, prefetch, preconnect) for critical resources. Fix accessibility issues: contrast, ARIA labels, keyboard navigation. Implement proper caching headers in staticwebapp.config.json. Optimize images and defer offscreen images. Minify CSS and JavaScript. Achieve 90+ scores in Performance, Accessibility, Best Practices, and SEO categories. Provide before/after comparison report.

Review an API endpoint using code-review-agent with azure-serverless-agent or devops-railway-agent based on deployment target. Analyze input validation (Zod schemas), authentication and authorization, rate limiting, CORS configuration, error handling with proper HTTP status codes, security vulnerabilities (SQL injection, XSS), database query optimization (N+1 prevention), response caching strategies, structured logging, and API documentation. Check platform-specific patterns: Azure Functions (host.json, bindings, Application Insights) or Express routes (middleware, error handlers). Provide security-focused recommendations with code examples. Specify the API file path after the command. Output includes critical security findings, performance optimizations, and compliance with REST/OpenAPI standards.

Execute comprehensive pre-deployment review using code-review-agent with all relevant platform agents. Run complete deployment readiness checklist: verify all tests pass (unit, integration, E2E), security audit clean (no Critical/High issues), performance benchmarks met (Lighthouse > 90), TypeScript compilation successful, ESLint clean, accessibility compliance (WCAG 2.1 AA), documentation updated, environment variables configured, database migrations tested, rollback plan documented, monitoring configured (Application Insights or Railway logs), error tracking enabled, staging environment validated, and browser compatibility verified. Check platform-specific deployment requirements (Azure staticwebapp.config.json or Railway railway.toml/Dockerfile). Provide GO/NO-GO recommendation with justification. Output critical blockers that must be resolved before production deployment. Require manual confirmation to proceed.

Review all uncommitted changes in the current working directory using code-review-agent. Analyze code quality, security vulnerabilities, performance issues, accessibility compliance, and adherence to Next.js 15 and React 18+ best practices. Check TypeScript strict mode compliance, proper Server/Client component usage, and platform-specific configurations (Azure/Railway). Provide detailed feedback with specific file and line references, severity ratings (Critical/High/Medium/Low/Info), and actionable recommendations with code examples. Include positive findings and prioritized action items. Focus on high-impact improvements that enhance maintainability, security, and user experience.

Review a specific React component file using code-review-agent and frontend-development-agent. Analyze component architecture, proper Server vs Client component usage, prop types, hooks patterns (useState, useEffect, useCallback, useMemo), accessibility attributes (ARIA labels, semantic HTML, keyboard navigation), performance optimizations (React.memo, code splitting), Bootstrap 5 responsive design, error boundaries, and loading states. Check for prop drilling, unnecessary re-renders, and testability. Provide component-specific best practices with code examples. Specify the component file path after the command. Output includes severity-rated findings, quick fixes, and refactoring suggestions to improve maintainability and user experience.

Analyze application performance using code-review-agent and monitoring-observability-agent. Check Core Web Vitals (LCP < 2.5s, FID < 100ms, CLS < 0.1), bundle size analysis, image optimization (next/image, WebP format), font optimization (next/font), code splitting and lazy loading, caching strategies (stale-while-revalidate), database query efficiency (indexes, N+1 prevention), unnecessary re-renders, and prefetching strategies. Analyze Lighthouse CI scores across mobile and desktop. Review platform-specific performance: Azure (Application Insights metrics, cold starts) or Railway (resource limits, scaling). Provide prioritized optimization recommendations with estimated impact on load time and user experience. Include specific code examples for quick wins and long-term improvements.

Perform comprehensive security audit using code-review-agent and security-production-agent. Scan for OWASP Top 10 vulnerabilities: SQL injection, XSS, CSRF, insecure authentication, broken access control, security misconfiguration, sensitive data exposure, insufficient logging, insecure deserialization, and vulnerable dependencies. Check environment variable handling, API key exposure, HTTPS enforcement, security headers (CSP, HSTS, X-Frame-Options), input validation, output encoding, rate limiting, session management, and file upload restrictions. Run npm audit and analyze results. Check Azure/Railway security configurations. Provide prioritized findings with severity ratings, exploitation scenarios, and remediation steps. Include compliance gaps and recommendations for security hardening. Output actionable security improvements with specific code fixes.

Create a complete Azure full-stack application with modern architecture.

Create an Azure Functions v4 project with TypeScript.

Scaffold a new Next.js 15 project optimized for Azure Static Web Apps deployment.

Scaffold a basic Next.js 15 project with modern best practices.

Create a complete Railway full-stack application with modern architecture.

Scaffold a new Next.js 15 project optimized for Railway deployment.

Configure comprehensive Azure Application Insights monitoring.

Configure comprehensive monitoring for Railway deployment.

Update all project dependencies to their latest stable versions. Run npm outdated to identify updates. Check breaking changes in major version updates. Update package.json with new versions. Run npm audit fix for security vulnerabilities. Update TypeScript @types packages. Fix compilation errors and type issues. Update configuration files for new dependency versions. Run test suite to catch breaking changes. Update code to match new API patterns. Document breaking changes requiring manual intervention. Create backup branch before updates. Test application thoroughly after upgrade.

Ensure the Normandy Park website meets WCAG 2.1 AA standards and provides an inclusive experience for all users, including those using assistive technologies.

Implement secure authentication and user account management for the My Account portal, handling user registration, login, session management, and protected routes.

Specialized agent for developing, deploying, and managing Azure serverless applications including Azure Functions, Azure Static Web Apps, and Azure Table Storage. Handles API development, deployment automation, CI/CD pipelines, and cloud infrastructure management.

Automated code review specialist for Next.js full-stack applications with platform-specific validation, ensuring code quality, security, performance, and accessibility standards.

Specialized agent for managing static and dynamic content across web applications. Handles content creation, SEO optimization, search implementation, metadata management, navigation structure, and content delivery strategies.

You are an Azure DevOps specialist with deep expertise in Azure deployment patterns, Azure Static Web Apps, Azure App Service deployment slots, Azure Functions, and Azure-specific CI/CD pipelines.

You are a specialist in Railway.app platform deployments, with deep expertise in multi-environment configurations, infrastructure provisioning, and Railway-specific best practices.

Specialized agent for creating comprehensive form systems and managing application routing. Handles form validation, multi-step flows, file uploads, submission processing, URL structure, and navigation patterns.

Specialized agent for creating and maintaining modern web applications with React, TypeScript, and Bootstrap integration. Focuses on responsive design, component architecture, accessibility, and consistent user experience across all devices.

Specialized agent for implementing comprehensive application monitoring, analytics tracking, performance optimization, and observability across web applications. Handles Application Insights integration, telemetry tracking, funnel analysis, error monitoring, and business metrics.

Protect the platform that delivers clean water to those in need. Every security measure ensures donor trust and recipient impact.

Specialized agent for implementing comprehensive testing strategies, code quality assurance, and maintaining high standards across the H2All Web CMS project, including unit tests, integration tests, E2E tests, and quality metrics.