Claude Code marketplace

Laioutr Claude Code marketplace

Laioutr maintains a public Claude Code plugin marketplace at github.com/laioutr/claude-marketplace. It bundles the same skills, rules, and MCP wiring that the Laioutr core team uses internally — adapted for external developers building Vue 3 / Nuxt 3 storefronts, UI components, and Orchestr data integrations on top of Laioutr.

Install

Add the marketplace once, then install the plugin you need:

# Add the marketplace
claude /plugin marketplace add laioutr/claude-marketplace

# Install the developer plugin
claude /plugin install laioutr-developer@laioutr

Plugins

laioutr-developer

The flagship plugin for external frontend / full-stack developers. It ships:

• 4 skills that load automatically when Claude detects a matching task:
  • figma-design-analysis — decomposing complex Figma layouts into component hierarchies.
  • component-architecture — producing component API specs from a Figma analysis.
  • figma-to-component — implementing Vue components from Figma designs.
  • adr — capturing architectural decisions and design rationale.
• 37 read-on-demand rules split into a cross-cutting top-level tier (naming, CSS, TypeScript, Vue SFC structure, Storybook) and three layer-specific tiers:
  • rules/ui-kit/ — atomic primitives, reka-ui patterns, theming, no-outer-chrome.
  • rules/ui/ — commerce organisms, viewport stories, z-ordering.
  • rules/ui-app/ — Sections and Blocks config standard, schema if conditions, shared-field factories.
• Top-level CLAUDE.md with platform context: Orchestr handler types, commit conventions, refactor discipline.
• laioutr-docs MCP server wired to https://docs.laioutr.com/mcp, so Claude can search this documentation site directly during a session (Orchestr framework, data model, CLI, UI components, Sections and Blocks, TypeScript API reference).

When to use it

• You are building a Laioutr storefront or app and want Claude Code to follow the same conventions the core team applies internally — without copy-pasting rules into every project.
• You want Claude to answer Laioutr-specific questions against the live docs MCP rather than its training data.
• You are designing new components from Figma and want consistent decomposition, API specs, and Vue implementations.

Self-hosted docs

If your organization self-hosts these docs at a different URL or behind auth, edit the plugin's .mcp.json after install to point the laioutr-docs MCP server at your endpoint. It is a standard MCP type: "http" server config.