E-commerce
Build with GetLayers from your AI assistant
Connect the GetLayers MCP and build better, and faster, than anyone else.
Featured templates
On this page
Set up in under a minute
The GetLayers MCP lets your AI coding assistant build design-led websites, design custom 3D scenes and interactive gradients, drop in ready-made motion sections, and wire your project up with cinematic video backgrounds using the GetLayers library. One connection, no API key. It works with Claude Fable 5, Claude Sonnet 5, Claude Opus 5, Claude Opus 4.8, GPT-5.5, GPT-5.6 Sol, Gemini 3.1 Pro, Grok 4.5, GLM-5.2, DeepSeek V4-Pro, MiniMax M3, and Kimi K3, and any other MCP-capable client.
Requires
A GetLayers account with an active Full Stack Lifetime subscription — see plans & pricing.
Pick your AI tool
We'll give you the exact command to run.
Install the plugin
Brings the tools and the skill together. Run these inside Claude Code.
Run in Claude Code/plugin marketplace add textura-agency/getlayers-plugin /plugin install getlayers@getlayersSign in and authorize
A browser window opens. Sign in with your GetLayers account and approve access.
Start building
Ask for what you want in your own words. The more detail — and for scenes, the more reference images — the better.
Paste this into Claude CodeBuild me a landing page for a premium AI analytics product — dark, cinematic, with a 3D hero.
Add GetLayers to your MCP config
Cursor → Settings → MCP → New MCP Server, then paste this into
mcp.json.Paste into mcp.json{ "mcpServers": { "getlayers": { "url": "https://mcp.getlayers.ai/mcp" } } }Sign in and authorize
A browser window opens. Sign in with your GetLayers account and approve access.
Add the skill
Paste it into Cursor's rules, or hand it this prompt and let it fetch the skill itself.
Paste this into your assistantFetch https://storage.getlayers.ai/skill/getlayers/SKILL.md and follow it whenever I build with GetLayers. Always call getlayers_start FIRST.
Register the GetLayers MCP server
Open a terminal and run this command.
Run in your terminalcodex mcp add getlayers -- npx -y mcp-remote https://mcp.getlayers.ai/mcpSign in and authorize
A browser window opens. Sign in with your GetLayers account and approve access.
Add the skill
Paste it into your custom instructions, or hand it this prompt and let it fetch the skill itself.
Paste this into your assistantFetch https://storage.getlayers.ai/skill/getlayers/SKILL.md and follow it whenever I build with GetLayers. Always call getlayers_start FIRST.
Add a custom connector
In ChatGPT, Claude Desktop, Windsurf or Cline: Settings → Connectors → Add custom connector, then paste this URL.
The server URLhttps://mcp.getlayers.ai/mcpSign in and authorize
A browser window opens. Sign in with your GetLayers account and approve access.
Add the skill
Paste it into the client's custom or system instructions, or hand it this prompt.
Paste this into your assistantFetch https://storage.getlayers.ai/skill/getlayers/SKILL.md and follow it whenever I build with GetLayers. Always call getlayers_start FIRST.
See it in use
Five ways people use GetLayers, each one recorded as it actually runs.
Build a website from scratch
A complete, immersive site — start from a full template and reshape it, or compose something unique section by section. Everything shares one coherent style.

One prompt, one style — a whole site assembled from the library, section by section. Design a custom 3D scene
Describe the mood and motion and attach reference images; GetLayers synthesizes an original scene from its library's techniques.

A mood and a reference in; an original scene, rendering live, out. Browse the library and pull an asset
Ask for one specific thing — a 3D scene, a gradient, a section (carousel, FAQ, pricing…), a video background, or a whole template — and it's added to what you're building.

The catalog browsed from the editor, one layer lifted out and dropped into the build. Wire your project with premium backgrounds
Describe the mood; GetLayers finds the closest cinematic background and wires it in full-bleed, tinted to fit your design.

The closest cinematic backdrop found, wired in full-bleed and tinted to fit the page. Add motion & 3D to an existing project
Point it at your repo. It reads your code first, then proposes where a scene, scroll motion, or a background belongs, and pulls the right pieces from the library.

Your own code read first, then motion proposed where it belongs. Don't understand how it works?
Full Stack subscribers get a private Discord — we'll walk you through it.
Tips
- Give references. Naming an existing GetLayers template, section, or scene — or attaching images — dramatically improves results.
- See before you choose. Every asset comes with a preview link and a short preview video you can watch.
- Keep the skill on. The server hands your assistant the tools; the skill is what teaches it the flow they're meant to be used in.