A Claude Code plugin with commands and AI agents for building full-stack web apps with Next.js, TypeScript and Bootstrap, plus deployment help for Azure and Railway, Stripe checkout, and accessibility audits.
$ claude
A comprehensive Claude Code plugin with 81 commands and 12 specialized AI agents for building modern, full-stack web applications with Next.js 15, Azure, Railway, Bootstrap, and TypeScript.
The Full-Stack Website Builder is a production-ready Claude Code plugin designed to accelerate the development of modern web applications. With an extensive collection of 81 slash commands and 12 specialized AI agents, this plugin provides end-to-end support for building, deploying, and maintaining sophisticated web applications.
12 expert agents that provide context-aware assistance:
Before using this plugin, ensure you have the following installed and configured:
Azure Account - Required for Azure features
npm install -g azure-cliRailway Account - Required for Railway features
npm install -g @railway/clihttps://github.com/LarouexNonprofitConsulting/larouex-fullstack-pluginClone the repository:
git clone https://github.com/LarouexNonprofitConsulting/larouex-fullstack-plugin.git
Copy to Claude Code plugins directory:
cp -r larouex-fullstack-plugin ~/.claude/plugins/
Restart Claude Code
If you have Claude Code configured to use Git:
cd ~/.claude/plugins
git clone https://github.com/LarouexNonprofitConsulting/larouex-fullstack-plugin.git
# Start Claude Code
claude
# Use the scaffold command
/scaffold-azure-full
# Follow the prompts to configure:
# - Project name
# - Azure subscription
# - Resource group
# - Region
This creates a complete Next.js 15 project with:
# Add a new page with routing
/add-page
# Specify:
# - Page name (e.g., "about")
# - Route path (e.g., "/about")
# - Layout type (default, full-width, sidebar)
Creates:
app/[route]/page.tsx# For Azure
/deploy-azure-staging
# For Railway
/deploy-railway-staging
Deploys your application to staging environment with:
Create new projects with platform-specific configurations:
/scaffold-azure-nextjs - Next.js 15 project for Azure Static Web Apps/scaffold-azure-functions - Azure Functions API project with TypeScript/scaffold-azure-full - Complete Azure project (Static Web Apps + Functions)/scaffold-railway-nextjs - Next.js 15 project optimized for Railway/scaffold-railway-full - Full-stack Railway project with PostgreSQL/scaffold-nextjs - Standalone Next.js 15 project (platform-agnostic)Azure-specific cloud operations:
/add-api-azure - Add Azure Function API endpoint/add-database-azure - Configure Azure Cosmos DB connection/deploy-azure-staging - Deploy to Azure staging environment/deploy-azure-production - Deploy to Azure production/setup-monitoring-azure - Configure Application Insights/add-email-azure - Setup email with Azure Communication Services/add-upload-azure - Configure Azure Blob Storage for file uploads/add-search-azure - Integrate Azure Cognitive Search/add-websockets-azure - Setup Azure Web PubSub for real-time features/add-cron-azure - Create Azure Function with timer triggerRailway-specific deployment operations:
/add-api-railway - Add REST API endpoint for Railway/add-database-railway - Configure Railway PostgreSQL database/deploy-railway-staging - Deploy to Railway staging/deploy-railway-production - Deploy to Railway production/setup-monitoring-railway - Setup Railway observability/add-email-railway - Configure email service for Railway/add-upload-railway - Setup file uploads with Railway storage/add-websockets-railway - Add WebSocket support for Railway/add-cron-railway - Create scheduled jobs on RailwayBuild your application structure:
/add-page - Create new page with routing and metadata/add-component - Generate reusable React component/add-section - Add page section component (Hero, Features, etc.)/add-navigation - Create responsive navigation system/add-image-gallery - Build image gallery with lightboxForm creation and handling:
/add-form - Create form with validation and submission/add-multistep-form - Build multi-step form wizard/add-table - Generate data table with sorting and filteringContent management and optimization:
/add-content-json - Setup JSON-based content management/add-seo - Add SEO metadata and optimization/add-onboarding - Create user onboarding flowUser authentication and security:
/add-auth - Setup NextAuth.js authentication/add-protected-route - Create protected pages with auth guards/audit-security - Run security audit and vulnerability scan/add-social-login - Add social authentication providersTesting and quality assurance:
/add-tests - Generate unit tests for components/add-e2e-test - Create end-to-end tests with Playwright/audit-accessibility - Run WCAG accessibility audit/add-error-tracking - Setup error monitoring (Sentry, etc.)Automated code review and quality checks:
/review-code - Review uncommitted changes for issues and best practices/review-component - Deep review of React component architecture/review-api - Review API endpoint implementation/review-security - Security-focused code audit/review-performance - Performance analysis and optimization suggestions/review-before-deploy - Pre-deployment quality gate checkOptimize your application:
/optimize-images - Optimize images with Next.js Image/optimize-bundle - Analyze and reduce bundle size/optimize-lighthouse - Run Lighthouse audit and fix issues/add-caching - Implement caching strategiesCommunication features:
/add-email-azure - Azure Communication Services email/add-email-railway - Railway email service integration/add-notifications - Push notifications and alertsFile handling features:
/add-upload-azure - Azure Blob Storage uploads/add-upload-railway - Railway file storage/add-image-gallery - Image gallery with uploadsSearch and data filtering:
/add-search-client - Client-side search functionalityStars on GitHub
A development methodology for coding agents that makes the agent brainstorm before building, follow plans, run parallel work and finish branches in a disciplined way. You get fewer skipped steps and more consistent results from your coding assistant.
@obraHelps you take a change from a rough idea or bug report through to a tested, reviewed result, with each step handled by a focused skill. Its skills cover pinning down domain terms, designing module interfaces, diagnosing hard bugs, and reviewing changes against your repo's coding standards.
@mattpocockGives your coding agent a planning, testing and review routine to follow on every task. It plans before building, checks changes with tests, has a fresh reviewer look for regressions, and saves repeated wins as reusable skills.
@affaan-mDeveloper tools for working on the React codebase itself. Provides skills for extracting error messages, managing and debugging feature flags across release channels, running Flow type checks, and fixing lint and formatting issues before committing.
@facebookA Claude Code plugin with commands and AI agents for building full-stack web apps with Next.js, TypeScript and Bootstrap, plus deployment help for Azure and Railway, Stripe checkout, and accessibility audits. Install it with the command on its page. Free and open source.
Is this plugin yours?
Claim it with GitHubSubmit a pluginPromote it