> ## Documentation Index
> Fetch the complete documentation index at: https://docs.uselayers.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Layers developer tools and integration options

> Overview of Layers developer tools, including REST APIs, the JavaScript SDK, Liquid integration, and MCP servers for AI assistants.

The Layers developer hub contains everything you need to integrate Layers into your commerce applications, from SDKs to AI-powered features.

## Developer resources

> [card] [Theme implementation checklist](https://docs.uselayers.com/developers/theme-implementation-checklist.md)
>
> Step-by-step plan for shipping a Layers integration in a Shopify theme. Covers the app embed, search, browse, blocks, banners, QA, and go-live.

> [card] [What the app embed handles](https://docs.uselayers.com/developers/app-embed.md)
>
> Reference for what the Layers theme app extension and the SDK manage automatically, so your theme code can focus on UI.

> [card] [SDK reference](https://docs.uselayers.com/sdk/overview.md)
>
> ES module SDK for Shopify storefronts with reactive state management and built-in caching.

> [card] [MCP servers](https://docs.uselayers.com/developers/mcp-servers.md)
>
> Connect AI assistants to manage stores and query storefronts through Model Context Protocol.

> [card] [AI enablement](https://docs.uselayers.com/platform/ai-enablement.md)
>
> Access Layers documentation through AI-friendly formats including llms.txt, markdown URLs, and MCP.

## Getting started

Use these tools whether you're building a custom storefront or extending an existing Shopify theme.

### SDK integration

The Layers SDK provides full access to the Layers APIs with reactive state management and built-in caching.

```typescript theme={null}
import { createSDK } from '@commerce-blocks/sdk'

const { data: sdk, error } = createSDK({
  storefrontAccessToken: 'your-storefront-token',
  trackingToken: 'your-tracking-token',
  currencyCode: 'USD',
})

if (error) {
  console.error('SDK init failed:', error.message)
} else {
  const collection = sdk.collection({ collectionHandle: 'shirts' })
  const { data } = await collection.get()

  if (data) {
    console.log(data.products)
  }

  collection.dispose()
}
```

### AI-assisted development

Layers AI enablement provides tools to help you build integrations faster using AI assistants. Access the documentation through an MCP server, llms.txt, and markdown or text formats optimized for AI tools.

## Core capabilities

* **SDK integration** — ES module SDK with reactive controllers and built-in caching
* **AI-assisted development** — MCP server and AI-friendly documentation formats for faster integration
* **Search and discovery** — Product search with autocomplete and predictive suggestions
* **Collection merchandising** — Browse and filter products within merchandised collections
* **Product recommendations** — Blocks API for personalized recommendations based on behavioral data and similarity
* **Reactive state** — Built-in `subscribe()` and `state` for automatic UI updates

## Next steps

> [card] [Install the SDK](https://docs.uselayers.com/sdk/installation.md)
>
> Get started with the Layers SDK in your project.

> [card] [SDK API reference](https://docs.uselayers.com/sdk/api-reference.md)
>
> Explore the complete SDK API documentation.

> [card] [API reference](https://docs.uselayers.com/api-reference)
>
> Browse the complete REST API reference.

> [card] [AI enablement](https://docs.uselayers.com/platform/ai-enablement.md)
>
> Learn how to enable AI-powered features.

> [card] [Error handling](https://docs.uselayers.com/sdk/error-handling.md)
>
> Handle errors gracefully with the Result pattern.