stylemate-architecture

StyleMate Plugin Marketplace

Official Claude Code plugin marketplace for the StyleMate microservices platform. This marketplace provides specialized agents, skills, and commands for building production-ready microservices with Module Federation, Clean Architecture, and JWT authentication.

📦 Available Plugins

stylemate-architecture

Complete development and QA workflow for StyleMate microservices with automated testing and validation.

Version: 1.0.0 License: MIT

What's Included

🤖 Development Agents (3)

• work-planner-agent: Decomposes business requirements into actionable tasks for React microfrontends, .NET APIs, Module Federation integration, and Docker orchestration
• ui-engineer-agent: Builds React 19 micro-frontends with Module Federation, Material-UI, and JWT authentication (mandates QA validation)
• dotnet-engineer-agent: Creates ASP.NET Core 8 microservices with Clean Architecture, EF Core, and JWT (mandates QA validation)

🧪 QA & Testing Agents (3)

• qa-frontend-engineer: Validates React UIs with Playwright MCP - tests functionality, responsiveness, accessibility, CRUD operations, and Module Federation
• qa-backend-engineer: Validates .NET APIs with curl - tests JWT auth, business isolation, CRUD endpoints, Clean Architecture compliance
• context-manager: Manages conversation context, tracks project state, provides relevant information to specialized agents

🎯 Architecture Skills (3)

• module-federation-setup: Set up Vite Module Federation with proper shared dependencies and route exposure
• clean-architecture-validator: Validate .NET API structure follows Clean Architecture with proper layer separation
• jwt-integration: Implement JWT authentication for both .NET APIs and React microfrontends

🔬 Testing Skills (3)

• playwright-e2e-testing: Execute end-to-end testing of React microfrontends using Playwright MCP
• api-integration-testing: Test .NET API endpoints with curl to validate JWT, CRUD, and business isolation
• build-and-lint-verification: Verify code quality by running build and lint commands for .NET and React

⚡ Slash Commands (2)

• /new-microservice: Scaffold a complete microservice with .NET API and React UI
• /validate-architecture: Validate a microservice follows all StyleMate architectural standards

🔔 Automation Hooks

• PostToolUse hooks: Notify when React/NET code modified, remind to run QA
• SubagentStop hooks: Trigger QA validation after development agents finish
• UserPromptSubmit hooks: Validate completion criteria before marking tasks done

🚀 Installation

Prerequisites

• Claude Code installed and running
• Basic familiarity with the StyleMate platform architecture

Install the Marketplace

Option 1: From Local Repository (Development)

# From your StyleMate project root
claude

# In Claude Code
/plugin marketplace add ./market-plugin

Option 2: From Git Repository (Production)

# In Claude Code
/plugin marketplace add https://github.com/your-org/stylemate-plugins

Install the Plugin

After adding the marketplace:

# Interactive installation (recommended)
/plugin

# Select "Browse Plugins" → "stylemate-architecture" → "Install"

# Or install directly
/plugin install stylemate-architecture@stylemate-plugins

Verify Installation

# Check available commands
/help

# Check available agents
/agents

# You should see:
# - /new-microservice command
# - /validate-architecture command
# - work-planner-agent
# - ui-engineer-agent
# - dotnet-engineer-agent

📖 Usage Guide

Using Agents

Agents can be invoked explicitly or Claude will use them automatically when appropriate.

Explicit Invocation

Use the work-planner-agent to create a plan for a staff scheduling feature

Automatic Delegation

Claude automatically delegates to agents based on task context:

• Planning tasks → work-planner-agent
• React/UI development → ui-engineer-agent
• .NET API development → dotnet-engineer-agent

Using Skills

Skills are automatically invoked by Claude based on task context. You don't need to call them explicitly.

Examples of when skills activate:

• Setting up Module Federation → module-federation-setup skill
• Validating project structure → clean-architecture-validator skill
• Implementing JWT → jwt-integration skill

Automated QA Workflow

CRITICAL: All development agents automatically mandate QA validation. Work is NOT complete without QA approval.