How do I install larouex-fullstack-builder?

Run these in Claude Code: . Then prompt normally.

Does larouex-fullstack-builder auto-invoke its skills?

Not yet. It is indexed on Flowy as a plain plugin. Request auto-invocation on its page and Flowy will route its skills for you as you prompt.

Is larouex-fullstack-builder free?

Yes. Flowy is free and open source, with nothing gated. You can read every skill in full before you install.

Development

Plugin

larouex-fullstack-builder

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.

Boost this plugin

larouexnonprofitconsulting@larouexnonprofitconsulting

GitHub

Plugin Signal52/100Fair

maintained1

capable95

documented100

adopted20

Stats

TypeScript JavaScript Node React Next.js

+7 tags

Bash PostgreSQL Azure Git GitHub CI/CD Anthropic

Stars

Forks

Quiet

Maintenance

MIT

License

11mo ago

Last commit

11mo ago

Created

Repo: LarouexNonprofitConsulting/larouex-fullstack-plugin

In this plugin

81 commands 12 agents

See everything inside

What's inside

Agent(12 agents)

accessibility-compliance-agentEnsure the Normandy Park website meets WCAG 2.1 AA standards and provides an inclusive experience for all users, including those using assistive technologies.authentication-agentImplement secure authentication and user account management for the My Account portal, handling user registration, login, session management, and protected routes.azure-serverless-agentSpecialized 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.

Command(81 commands)

/add-admin-panelCreate 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:/add-analytics-googleIntegrate 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:/add-analytics-plausibleIntegrate 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

Badges

README

ExcerptRead the full README on GitHub

Full-Stack Website Builder - Claude Code Plugin

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.

Overview

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.

Key Features

81 Slash Commands - Comprehensive command library covering scaffolding, development, deployment, testing, optimization, code review, and maintenance
12 Specialized AI Agents - Expert agents for frontend, forms, content/SEO, Azure serverless, DevOps (Azure & Railway), monitoring, testing, security, accessibility, authentication, and code review
Multi-Platform Support - Native support for Azure Static Web Apps, Azure Functions, and Railway deployments
Next.js 15 Optimized - Built specifically for Next.js 15 with App Router, Server Components, and TypeScript
Bootstrap 5 Integration - Responsive, mobile-first design with Bootstrap 5 components and utilities
TypeScript First - Full TypeScript support with strict type checking and IntelliSense
Complete Lifecycle - From scaffolding to production deployment and monitoring

Technologies Supported

Frontend: Next.js 15 (App Router), React 18, TypeScript 5, Bootstrap 5
Backend: Azure Functions, Railway Services, REST APIs, GraphQL
Cloud Platforms: Azure Static Web Apps, Azure Functions, Railway
Databases: Azure Cosmos DB, PostgreSQL, MongoDB, Railway PostgreSQL
Authentication: NextAuth.js, Azure AD, Social providers
Testing: Jest, React Testing Library, Playwright, Cypress
Analytics: Google Analytics, Plausible, Application Insights
Monitoring: Azure Application Insights, Railway Observability

Features

Complete Development Lifecycle

Scaffolding - Generate production-ready projects for Azure, Railway, or standalone Next.js apps
Development - Commands for pages, components, forms, navigation, content, and features
Testing - Unit tests, integration tests, E2E tests, and accessibility audits
Optimization - Image optimization, bundle analysis, Lighthouse audits, caching strategies
Deployment - Staging and production deployments for Azure and Railway
Monitoring - Performance tracking, error logging, and observability

Platform-Specific Commands

Azure Integration - Static Web Apps, Functions, Cosmos DB, Blob Storage, Application Insights
Railway Integration - Services, PostgreSQL, Redis, Environment variables, Deployments
Universal Commands - Work across both platforms for maximum flexibility

Specialized AI Agents

12 expert agents that provide context-aware assistance:

Frontend Development Agent - React, TypeScript, Bootstrap, responsive design
Forms Workflow Agent - Form creation, validation, multi-step forms
Content & SEO Agent - Content management, SEO optimization, metadata
Azure Serverless Agent - Functions, Static Web Apps, Cosmos DB
DevOps Azure Agent - CI/CD, GitHub Actions, Azure deployments
DevOps Railway Agent - Railway deployments, environment management
Monitoring & Observability Agent - Performance tracking, error monitoring
Testing & Quality Agent - Test strategy, coverage, quality assurance
Security & Production Agent - Security audits, production best practices
Accessibility & Compliance Agent - WCAG compliance, a11y auditing
Authentication Agent - Auth flows, session management, security
Code Review Agent - Automated code review, quality gates, best practices

Prerequisites

Before using this plugin, ensure you have the following installed and configured:

Required

Node.js 20+ - Download Node.js
Claude Code 2.0.13+ - Get Claude Code
Git - For version control and deployments

Platform-Specific (if using)

Azure Account - Required for Azure features
- Azure Free Account
- Azure CLI installed: npm install -g azure-cli
Railway Account - Required for Railway features
- Railway Sign Up
- Railway CLI installed: npm install -g @railway/cli

Optional but Recommended

VS Code - For the best development experience
GitHub Account - For CI/CD workflows
Docker - For local containerized development

Installation

Option 1: Install from GitHub (Recommended)

Open Claude Code
Run the install plugin command
Enter plugin URL: https://github.com/LarouexNonprofitConsulting/larouex-fullstack-plugin
Plugin will be downloaded and activated automatically

Option 2: Manual Installation

Clone 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

Option 3: Install via Git

If you have Claude Code configured to use Git:

cd ~/.claude/plugins
git clone https://github.com/LarouexNonprofitConsulting/larouex-fullstack-plugin.git

Quick Start

Example 1: Scaffold a New Azure Project

# 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:

Azure Static Web Apps configuration
Azure Functions API folder
GitHub Actions workflow for CI/CD
TypeScript and Bootstrap setup
Environment configuration
README with deployment instructions

Example 2: Add a New Page

# 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:

New page in app/[route]/page.tsx
Metadata configuration
Responsive layout with Bootstrap
SEO-optimized structure

Example 3: Deploy to Staging

# For Azure
/deploy-azure-staging

# For Railway
/deploy-railway-staging

Deploys your application to staging environment with:

Build optimization
Environment variable configuration
Health check validation
Deployment URL output

Commands Reference

Scaffolding Commands (6 commands)

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 Commands (10 commands)

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 trigger

Railway Commands (9 commands)

Railway-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 Railway

Pages & Components (5 commands)

Build 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 lightbox

Forms & Validation (3 commands)

Form 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 filtering

Content & SEO (3 commands)

Content management and optimization:

/add-content-json - Setup JSON-based content management
/add-seo - Add SEO metadata and optimization
/add-onboarding - Create user onboarding flow

Authentication & Security (4 commands)

User 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 providers

Testing & Quality (4 commands)

Testing 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.)

Code Review & Quality Gates (6 commands)

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 check

Performance & Optimization (4 commands)

Optimize 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 strategies

Email & Notifications (3 commands)

Communication features:

/add-email-azure - Azure Communication Services email
/add-email-railway - Railway email service integration
/add-notifications - Push notifications and alerts

File Upload & Storage (3 commands)

File handling features:

/add-upload-azure - Azure Blob Storage uploads
/add-upload-railway - Railway file storage
/add-image-gallery - Image gallery with uploads

Search & Filtering (4 commands)

Search and data filtering:

/add-search-client - Client-side search functionality

File tree

FAQ

larouex-fullstack-builder is a Claude Code plugin with hand-picked skills for development work, indexed on Flowy. Install it with the command on its page. Its skills do not fire on their own yet. Request auto-invocation to have Flowy route them as you prompt. Free and open source.

What is larouex-fullstack-builder?: 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.
How do I install larouex-fullstack-builder?: Run these in Claude Code: . Then prompt normally.
Does larouex-fullstack-builder auto-invoke its skills?: Not yet. It is indexed on Flowy as a plain plugin. Request auto-invocation on its page and Flowy will route its skills for you as you prompt.
Is larouex-fullstack-builder free?: Yes. Flowy is free and open source, with nothing gated. You can read every skill in full before you install.

Is this plugin yours?

Claim it with GitHub Submit a plugin Promote it

Development

Plugin

larouex-fullstack-builder

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.

Boost this plugin

larouexnonprofitconsulting@larouexnonprofitconsulting

GitHub

Plugin Signal52/100Fair

maintained1

capable95

documented100

adopted20

Stats

TypeScript JavaScript Node React Next.js

+7 tags

Bash PostgreSQL Azure Git GitHub CI/CD Anthropic

Stars

Forks

Quiet

Maintenance

MIT

License

11mo ago

Last commit

11mo ago

Created

Repo: LarouexNonprofitConsulting/larouex-fullstack-plugin

In this plugin

81 commands 12 agents

See everything inside

What's inside

Agent(12 agents)

Command(81 commands)

Badges

README

ExcerptRead the full README on GitHub

Full-Stack Website Builder - Claude Code Plugin

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.

Overview

Key Features

81 Slash Commands - Comprehensive command library covering scaffolding, development, deployment, testing, optimization, code review, and maintenance
12 Specialized AI Agents - Expert agents for frontend, forms, content/SEO, Azure serverless, DevOps (Azure & Railway), monitoring, testing, security, accessibility, authentication, and code review
Multi-Platform Support - Native support for Azure Static Web Apps, Azure Functions, and Railway deployments
Next.js 15 Optimized - Built specifically for Next.js 15 with App Router, Server Components, and TypeScript
Bootstrap 5 Integration - Responsive, mobile-first design with Bootstrap 5 components and utilities
TypeScript First - Full TypeScript support with strict type checking and IntelliSense
Complete Lifecycle - From scaffolding to production deployment and monitoring

Technologies Supported

Frontend: Next.js 15 (App Router), React 18, TypeScript 5, Bootstrap 5
Backend: Azure Functions, Railway Services, REST APIs, GraphQL
Cloud Platforms: Azure Static Web Apps, Azure Functions, Railway
Databases: Azure Cosmos DB, PostgreSQL, MongoDB, Railway PostgreSQL
Authentication: NextAuth.js, Azure AD, Social providers
Testing: Jest, React Testing Library, Playwright, Cypress
Analytics: Google Analytics, Plausible, Application Insights
Monitoring: Azure Application Insights, Railway Observability

Features

Complete Development Lifecycle

Scaffolding - Generate production-ready projects for Azure, Railway, or standalone Next.js apps
Development - Commands for pages, components, forms, navigation, content, and features
Testing - Unit tests, integration tests, E2E tests, and accessibility audits
Optimization - Image optimization, bundle analysis, Lighthouse audits, caching strategies
Deployment - Staging and production deployments for Azure and Railway
Monitoring - Performance tracking, error logging, and observability

Platform-Specific Commands

Azure Integration - Static Web Apps, Functions, Cosmos DB, Blob Storage, Application Insights
Railway Integration - Services, PostgreSQL, Redis, Environment variables, Deployments
Universal Commands - Work across both platforms for maximum flexibility

Specialized AI Agents

12 expert agents that provide context-aware assistance:

Frontend Development Agent - React, TypeScript, Bootstrap, responsive design
Forms Workflow Agent - Form creation, validation, multi-step forms
Content & SEO Agent - Content management, SEO optimization, metadata
Azure Serverless Agent - Functions, Static Web Apps, Cosmos DB
DevOps Azure Agent - CI/CD, GitHub Actions, Azure deployments
DevOps Railway Agent - Railway deployments, environment management
Monitoring & Observability Agent - Performance tracking, error monitoring
Testing & Quality Agent - Test strategy, coverage, quality assurance
Security & Production Agent - Security audits, production best practices
Accessibility & Compliance Agent - WCAG compliance, a11y auditing
Authentication Agent - Auth flows, session management, security
Code Review Agent - Automated code review, quality gates, best practices

Prerequisites

Before using this plugin, ensure you have the following installed and configured:

Required

Node.js 20+ - Download Node.js
Claude Code 2.0.13+ - Get Claude Code
Git - For version control and deployments

Platform-Specific (if using)

Azure Account - Required for Azure features
- Azure Free Account
- Azure CLI installed: npm install -g azure-cli
Railway Account - Required for Railway features
- Railway Sign Up
- Railway CLI installed: npm install -g @railway/cli

Optional but Recommended

VS Code - For the best development experience
GitHub Account - For CI/CD workflows
Docker - For local containerized development

Installation

Option 1: Install from GitHub (Recommended)

Open Claude Code
Run the install plugin command
Enter plugin URL: https://github.com/LarouexNonprofitConsulting/larouex-fullstack-plugin
Plugin will be downloaded and activated automatically

Option 2: Manual Installation

Clone 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

Option 3: Install via Git

If you have Claude Code configured to use Git:

cd ~/.claude/plugins
git clone https://github.com/LarouexNonprofitConsulting/larouex-fullstack-plugin.git

Quick Start

Example 1: Scaffold a New Azure Project

# 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:

Azure Static Web Apps configuration
Azure Functions API folder
GitHub Actions workflow for CI/CD
TypeScript and Bootstrap setup
Environment configuration
README with deployment instructions

Example 2: Add a New Page

# 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:

New page in app/[route]/page.tsx
Metadata configuration
Responsive layout with Bootstrap
SEO-optimized structure

Example 3: Deploy to Staging

# For Azure
/deploy-azure-staging

# For Railway
/deploy-railway-staging

Deploys your application to staging environment with:

Build optimization
Environment variable configuration
Health check validation
Deployment URL output

Commands Reference

Scaffolding Commands (6 commands)

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 Commands (10 commands)

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 trigger

Railway Commands (9 commands)

Railway-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 Railway

Pages & Components (5 commands)

Build 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 lightbox

Forms & Validation (3 commands)

Form 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 filtering

Content & SEO (3 commands)

Content management and optimization:

/add-content-json - Setup JSON-based content management
/add-seo - Add SEO metadata and optimization
/add-onboarding - Create user onboarding flow

Authentication & Security (4 commands)

User 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 providers

Testing & Quality (4 commands)

Testing 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.)

Code Review & Quality Gates (6 commands)

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 check

Performance & Optimization (4 commands)

Optimize 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 strategies

Email & Notifications (3 commands)

Communication features:

/add-email-azure - Azure Communication Services email
/add-email-railway - Railway email service integration
/add-notifications - Push notifications and alerts

File Upload & Storage (3 commands)

File handling features:

/add-upload-azure - Azure Blob Storage uploads
/add-upload-railway - Railway file storage
/add-image-gallery - Image gallery with uploads

Search & Filtering (4 commands)

Search and data filtering:

/add-search-client - Client-side search functionality

File tree

FAQ

What is larouex-fullstack-builder?: 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.
How do I install larouex-fullstack-builder?: Run these in Claude Code: . Then prompt normally.
Does larouex-fullstack-builder auto-invoke its skills?: Not yet. It is indexed on Flowy as a plain plugin. Request auto-invocation on its page and Flowy will route its skills for you as you prompt.
Is larouex-fullstack-builder free?: Yes. Flowy is free and open source, with nothing gated. You can read every skill in full before you install.

Is this plugin yours?

Claim it with GitHub Submit a plugin Promote it