Sitecore Accelerator — Claude Code Plugin

A comprehensive Claude Code plugin that accelerates Sitecore XP 10.x development with Helix-compliant scaffolding, component generation, design-to-code pipeline, and full OOTB feature support.

Features

• Helix Solution Scaffolding — Generate complete Foundation/Feature/Project structure with .sln, .csproj, serialization, and DI
• Full Component Generation — Template + rendering + controller + model + view + serialization + tests in one command
• Design-to-Code Pipeline — Analyze Figma designs, generate responsive HTML/CSS, convert to Sitecore components
• All Serialization Formats — Unicorn, Sitecore CLI (SCS), and TDS support with deterministic GUIDs
• OOTB Sitecore Features — Workflows, Solr search, xConnect, security, caching, publishing, SXA, EXM, FXM
• MVC + Headless — Traditional Razor views with Glass Mapper editables and Layout Service / JSON renderings
• Test Scaffolding — FakeDb + NSubstitute/Moq unit tests with Glass Mapper test patterns
• Build Scripts — Cake and PowerShell build/deploy scripts with serialization sync
• 21 MCP Tools — Programmatic access to all code generation capabilities
• 17 Slash Commands — Interactive workflows for every Sitecore task
• 5 Expert Agents — Architect, Developer, DevOps, Reviewer, Designer
• 41 Handlebars Templates — Production-ready C#, XML, YAML, HTML, SCSS, PowerShell, and Cake templates
• Helix Validation Hook — Automatic namespace and dependency rule checking on every file write

Installation

From npm

npm install -g claude-sitecore-accelerator

As Claude Code Plugin

claude plugin install claude-sitecore-accelerator

Local Development

# One-time use
claude --plugin-dir /path/to/claude-sitecore-accelerator-plugin

# Permanent (add to ~/.claude/settings.json)
{
  "pluginDirs": ["/path/to/claude-sitecore-accelerator-plugin"],
  "enabledPlugins": {
    "claude-sitecore-accelerator": true
  }
}

Quick Start

# Initialize a new Helix solution
/sitecore-init MySolution

# Add a feature module
/sitecore-module Hero Feature

# Create a complete component
/sitecore-component HeroBanner Feature/Hero

# Design-to-code: analyze a Figma design
/sitecore-design https://figma.com/file/...

# Generate HTML markup from design
/sitecore-markup HeroBanner Hero

# Convert design + markup to full Sitecore component
/sitecore-design-to-component HeroBanner Hero

# Generate serialization config
/sitecore-serialize Hero unicorn

# Generate build scripts
/sitecore-build cake

# Diagnose issues
/sitecore-doctor

Architecture

claude-sitecore-accelerator-plugin/
├── .claude-plugin/
│   └── plugin.json                     # Plugin manifest
├── skills/                             # 17 slash commands
│   ├── sitecore-init/SKILL.md
│   ├── sitecore-module/SKILL.md
│   ├── sitecore-component/SKILL.md
│   ├── sitecore-template/SKILL.md
│   ├── sitecore-rendering/SKILL.md
│   ├── sitecore-config/SKILL.md
│   ├── sitecore-serialize/SKILL.md
│   ├── sitecore-workflow/SKILL.md
│   ├── sitecore-search/SKILL.md
│   ├── sitecore-xconnect/SKILL.md
│   ├── sitecore-security/SKILL.md
│   ├── sitecore-test/SKILL.md
│   ├── sitecore-build/SKILL.md
│   ├── sitecore-doctor/SKILL.md
│   ├── sitecore-design/SKILL.md
│   ├── sitecore-markup/SKILL.md
│   └── sitecore-design-to-component/SKILL.md
├── agents/                             # 5 specialized agents
│   ├── sitecore-architect.md
│   ├── sitecore-developer.md
│   ├── sitecore-devops.md
│   ├── sitecore-reviewer.md
│   └── sitecore-designer.md
├── hooks/
│   └── hooks.json                      # PostToolUse Helix validation
├── scripts/
│   └── validate-helix.sh               # Namespace & dependency checker
├── src/
│   ├── index.ts                        # MCP server entry (stdio transport)
│   ├── server.ts                       # Tool/resource/prompt registration
│   ├── tools/                          # 21 MCP tools
│   ├── resources/                      # 7 MCP resources
│   ├── prompts/                        # 3 MCP prompts
│   ├── templates/                      # 41 Handlebars templates
│   └── utils/                          # Shared utilities
├── .mcp.json                           # MCP server + Figma server wiring
├── settings.json                       # Default configuration
├── CLAUDE.md                           # Claude instructions when plugin active
├── package.json
├── tsconfig.json
└── tsup.config.ts

Slash Commands (17)

Solution & Structure

| Command | Description | Usage | |---------|-------------|-------| | /sitecore-init | Scaffold a new Helix-compliant solution with all layers | /sitecore-init MySolution | | /sitecore-module | Add a module to any Helix layer | /sitecore-module Hero Feature | | /sitecore-doctor | Diagnose Helix violations, missing serialization, config conflicts | /sitecore-doctor |

Component Development

| Command | Description | Usage | |---------|-------------|-------| | /sitecore-component | Create a complete component (template + rendering + all code) | /sitecore-component HeroBanner Hero | | /sitecore-template | Create templates with fields, inheritance, standard values | /sitecore-template HeroBanner Hero | | /sitecore-rendering | Create rendering with controller, model, view (MVC or Headless) | /sitecore-rendering HeroBanner Hero |

Configuration & Serialization

| Command | Description | Usage | |---------|-------------|-------| | /sitecore-config | Generate config patches (site, pipeline, settings) | /sitecore-config site-definition | | /sitecore-serialize | Generate Unicorn, SCS, or TDS serialization config | /sitecore-serialize Hero unicorn |

Sitecore Features

| Command | Description | Usage | |---------|-------------|-------| | /sitecore-workflow | Create workflow definitions with states and actions | /sitecore-workflow ContentApproval | | /sitecore-search | Set up Solr index config and computed fields | /sitecore-search MySiteIndex | | /sitecore-xconnect | Create xConnect facets, events, collection models | /sitecore-xconnect CustomerPreferences | | /sitecore-security | Configure roles, domains, access rights | /sitecore-security ContentEditors |

Build & Test

| Command | Description | Usage | |---------|-------------|-------| | /sitecore-test | Generate unit test scaffolding (FakeDb/NSubstitute) | /sitecore-test Hero | | /sitecore-build | Generate Cake or PowerShell build scripts | /sitecore-build cake |

Design to Code

| Command | Description | Usage | |---------|-------------|-------| | /sitecore-design | Analyze Figma design for component structure and tokens | /sitecore-design https://figma.com/... | | /sitecore-markup | Generate responsive HTML/CSS from design analysis | /sitecore-markup HeroBanner Hero | | /sitecore-design-to-component | Full pipeline: design + markup to Sitecore component | /sitecore-design-to-component HeroBanner Hero |

MCP Tools (21)

Solution & Structure

| Tool | Description | |------|-------------| | helix_init | Scaffold complete Helix solution (.sln + Foundation/Feature/Project projects) | | helix_add_module | Add module to any layer with .csproj, folder structure, serialization | | helix_validate | Validate Helix dependency rules and namespace conventions |

Component Creation

| Tool | Description | |------|-------------| | create_template | Generate template definition with fields, sections, inheritance, standard values | | create_rendering | Generate rendering (MVC or Headless) with controller, model, view, cache settings | | create_component | One-shot full component: template + rendering + all code + serialization + tests |

Serialization & Configuration

| Tool | Description | |------|-------------| | generate_serialization | Generate Unicorn/SCS/TDS configuration for a module | | generate_config_patch | Generate site-definition, pipeline, settings, or custom config patches | | generate_cache_config | Generate caching configuration and custom cache classes | | generate_publishing_config | Generate publishing targets, schedules, and mode settings |

Sitecore Features

| Tool | Description | |------|-------------| | generate_workflow | Generate workflow with states, commands, actions, and custom action C# | | generate_search_config | Generate Solr index config, computed fields, and search repository | | generate_xconnect | Generate custom facets, events, collection model, and registration config | | generate_security | Generate roles, domains, access rights, and serialization items | | generate_sxa_config | Generate SXA site structure, themes, rendering variants | | generate_exm_fxm | Generate EXM email templates or FXM beacon configuration |

Build & Test

| Tool | Description | |------|-------------| | generate_build_script | Generate Cake or PowerShell build/deploy scripts | | generate_test_scaffold | Generate unit test project with FakeDb and NSubstitute patterns |

Design to Code

| Tool | Description | |------|-------------| | analyze_figma_design | Analyze Figma design: component hierarchy, design tokens, responsive breakpoints, suggested Sitecore fields | | generate_html_markup | Generate semantic HTML/CSS using Bootstrap 5 or Tailwind CSS from design data | | design_to_sitecore_component | Convert HTML markup into full Sitecore component with design-integrated views |

Agents (5)

| Agent | Role | Invoked By | |-------|------|------------| | sitecore-architect | Solution design, Helix layer decisions, template inheritance strategy, module boundaries | /sitecore-init, /sitecore-module | | sitecore-developer | Glass Mapper v5 patterns, MVC controllers, Experience Editor compatibility, Headless patterns | /sitecore-component, /sitecore-rendering, /sitecore-template | | sitecore-devops | Serialization strategy, CI/CD pipelines, Cake builds, Docker, Unicorn/SCS sync | /sitecore-serialize, /sitecore-build, /sitecore-config | | sitecore-reviewer | Helix compliance validation, caching best practices, performance review, security audit | /sitecore-doctor | | sitecore-designer | Figma-to-code workflow, Bootstrap 5 / Tailwind CSS, Experience Editor-compatible markup | /sitecore-design, /sitecore-markup, /sitecore-design-to-component |

MCP Resources (7)

| Resource | Purpose | |----------|---------| | sitecore-field-types | Complete Sitecore field type reference (names, GUIDs, C# types) | | helix-guidelines | Helix architecture rules, dependency constraints, naming conventions | | code-templates | All 15 C# code Handlebars templates as readable resources | | serialization-templates | Unicorn/SCS/TDS template format references | | config-templates | Config patch XML templates | | design-patterns | Design-to-Sitecore pattern mapping (Figma elements to field types) |

MCP Prompts (3)

| Prompt | Purpose | |--------|---------| | component-wizard | Interactive step-by-step wizard for creating a complete component | | solution-review | Comprehensive Helix architecture review of an existing solution | | migration-guide | Sitecore version migration checklist (e.g., 9.3 to 10.x) |

Handlebars Templates (41)

Helix Solution (4)

| Template | Generates | |----------|-----------| | solution.sln.hbs | Visual Studio solution file | | project.csproj.hbs | .csproj for Helix modules | | packages.config.hbs | NuGet packages config | | web.config.hbs | Web.config with Sitecore settings |

C# Code (15)

| Template | Generates | |----------|-----------| | controller.cs.hbs | MVC Controller Rendering with Glass Mapper DI | | headless-controller.cs.hbs | Layout Service / Headless controller | | model.cs.hbs | Glass Mapper interface model with [SitecoreType] attributes | | content-resolver.cs.hbs | Headless content resolver | | templates-constants.cs.hbs | Static class with template/field ID constants | | view.cshtml.hbs | Razor view with @Html.Glass().Editable() support | | di-configurator.cs.hbs | IServicesConfigurator DI registration | | pipeline-processor.cs.hbs | Sitecore pipeline processor | | computed-field.cs.hbs | Solr computed index field | | xconnect-facet.cs.hbs | xConnect custom contact facet | | xconnect-event.cs.hbs | xConnect custom event | | collection-model.cs.hbs | xConnect collection model builder | | workflow-action.cs.hbs | Custom workflow action | | custom-cache.cs.hbs | Custom Sitecore cache implementation | | search-repository.cs.hbs | Search repository with Solr ContentSearch |

Serialization (5)

| Template | Generates | |----------|-----------| | unicorn-config.hbs | Unicorn predicate configuration | | unicorn-item.yml.hbs | Unicorn Rainbow YAML item | | scs-module.json.hbs | Sitecore Content Serialization module.json | | scs-item.yml.hbs | SCS YAML item | | tds-project.scproj.hbs | TDS Visual Studio project file |

Configuration (6)

| Template | Generates | |----------|-----------| | site-definition.config.hbs | Sitecore site definition patch | | pipeline.config.hbs | Pipeline processor registration patch | | settings.config.hbs | Settings override patch | | index-config.config.hbs | Solr index configuration | | caching.config.hbs | Cache configuration patch | | publishing.config.hbs | Publishing configuration patch |

Test (3)

| Template | Generates | |----------|-----------| | controller-test.cs.hbs | Controller unit test (NUnit/NSubstitute) | | fakedb-test.cs.hbs | FakeDb integration test | | test-project.csproj.hbs | Test project .csproj |

Build (3)

| Template | Generates | |----------|-----------| | build.cake.hbs | Cake build script with test + publish tasks | | build.ps1.hbs | PowerShell build bootstrapper | | publish.ps1.hbs | PowerShell publish/deploy script |

Design (5)

| Template | Generates | |----------|-----------| | component-bootstrap.html.hbs | Bootstrap 5 responsive HTML markup | | component-tailwind.html.hbs | Tailwind CSS responsive HTML markup | | component-styles.scss.hbs | SCSS styles with design tokens | | design-analysis.md.hbs | Design analysis report (Markdown) | | view-with-design.cshtml.hbs | Razor view with design markup + Glass Mapper editables |

Design-to-Code Pipeline

The plugin integrates with the Figma MCP server for a complete design-to-Sitecore workflow:

Figma Design
     │
     ▼
/sitecore-design [figma-url]
     │  Extracts: component hierarchy, design tokens
     │  (colors, typography, spacing), responsive
     │  breakpoints, assets, suggested Sitecore fields
     ▼
/sitecore-markup [ComponentName] [Module]
     │  Generates: responsive HTML using Bootstrap 5
     │  or Tailwind CSS, companion SCSS with tokens,
     │  semantic accessible markup
     ▼
/sitecore-design-to-component [ComponentName] [Module]
     │  Converts to: Sitecore template + rendering +
     │  controller + model + view (with design markup
     │  and Glass Mapper editables) + CSS/SCSS +
     │  serialization items + unit tests
     ▼
Complete Sitecore Component

CSS Framework Configuration

Configure your preferred CSS framework in settings.json:

{
  "sitecore": {
    "cssFramework": "bootstrap",
    "bootstrapVersion": "5.3",
    "tailwindVersion": "3.4"
  }
}

Supported values for cssFramework: "bootstrap" (default), "tailwind", or "both".

Configuration

Create or edit settings.json in your project root to customize defaults:

{
  "sitecore": {
    "solutionPrefix": "MySolution",
    "serializationFormat": "unicorn",
    "targetFramework": "net48",
    "orm": "glass-mapper",
    "sxaEnabled": false,
    "headlessEnabled": false,
    "testFramework": "nunit",
    "mockFramework": "nsubstitute",
    "buildTool": "cake",
    "cssFramework": "bootstrap",
    "bootstrapVersion": "5.3",
    "tailwindVersion": "3.4",
    "figmaEnabled": true
  }
}

| Setting | Options | Default | Description | |---------|---------|---------|-------------| | solutionPrefix | Any string | MySolution | Solution name prefix for namespaces | | serializationFormat | unicorn, scs, tds | unicorn | Item serialization format | | targetFramework | net48 | net48 | .NET Framework target | | orm | glass-mapper, none | glass-mapper | ORM for model generation | | sxaEnabled | true, false | false | Enable SXA site scaffolding | | headlessEnabled | true, false | false | Enable Headless Services / Layout Service | | testFramework | nunit, xunit, mstest | nunit | Unit test framework | | mockFramework | nsubstitute, moq | nsubstitute | Mocking framework | | buildTool | cake, powershell | cake | Build script generator | | cssFramework | bootstrap, tailwind, both | bootstrap | CSS framework for design-to-code | | bootstrapVersion | Version string | 5.3 | Bootstrap version | | tailwindVersion | Version string | 3.4 | Tailwind CSS version | | figmaEnabled | true, false | true | Enable Figma MCP integration |

Hooks

The plugin includes a PostToolUse hook that automatically validates Helix compliance whenever a .cs, .csproj, or .config file is written or edited:

• Namespace validation — Ensures {Solution}.{Layer}.{Module} convention
• Dependency checking — Prevents cross-layer violations (e.g., Feature referencing Project)
• Config validation — Verifies xmlns:patch namespace in config patches

Helix Architecture Rules

The plugin enforces Sitecore Helix architecture principles:

┌─────────────────────────────────────┐
│           PROJECT Layer             │
│  (Website, App — can reference all) │
├─────────────────────────────────────┤
│           FEATURE Layer             │
│  (Business features — references    │
│   Foundation only)                  │
├─────────────────────────────────────┤
│         FOUNDATION Layer            │
│  (Shared utilities — references     │
│   Foundation only)                  │
└─────────────────────────────────────┘

Dependency Rules:

• Foundation → Foundation only
• Feature → Foundation only
• Project → Foundation + Feature

Namespace Convention: {SolutionPrefix}.{Layer}.{Module}

Example: MySolution.Feature.Hero

Technical Details

| Aspect | Detail | |--------|--------| | Target Platform | Sitecore XP 10.x | | Framework | .NET Framework 4.8 | | MCP Transport | stdio | | Plugin Language | TypeScript (ESM) | | Template Engine | Handlebars with 12+ custom helpers | | GUID Strategy | Deterministic (uuid v5) for reproducible serialization | | Build Tool | tsup (ESM bundle, node18 target) | | Node.js | >= 18.0.0 |

Custom Handlebars Helpers

| Helper | Purpose | |--------|---------| | pascalCase | Convert to PascalCase | | camelCase | Convert to camelCase | | kebabCase | Convert to kebab-case | | csharpType | Map Sitecore field type to C# type | | glassFieldType | Map to Glass Mapper field attribute | | fieldTypeId | Get Sitecore field type GUID | | ifEquals | Conditional equality check | | isoDate | Format date as ISO 8601 | | lower / upper | Case conversion | | stripSpaces | Remove spaces from string | | newGuid | Generate a new deterministic GUID |

Development

Build

npm install
npm run build

Watch Mode

npm run dev

Test Locally

claude --plugin-dir /path/to/claude-sitecore-accelerator-plugin

Publish

npm publish

Requirements

• Node.js >= 18.0.0
• Claude Code CLI
• (Optional) Figma MCP server for design-to-code features

License

MIT