Agent Skills

Give your AI coding agent the skills to build with Storyblok.

Model content, build frontends, turn Figma designs into working pages, migrate sites, and work with Storyblok through MCP and the CLI - in Claude Code, Cursor, Copilot or Codex.

Install Skills and our MCP Setup Guide

A person in a black hoodie sits at a desk with dual monitors displaying code, looking over their shoulder. Office plants and a window are in the background.

Your agent knows how to code. It doesn't know Storyblok.

Without Storyblok-specific guidance, an AI coding agent has to figure things out as it goes: which SDK to use, how to model content, when to use the CLI instead of MCP, and which patterns to follow.

We put that to the test. The agent got there in the end, but the cost of figuring it out added up.

2x

the time and tokens to complete the same task
2.2x

the cost compared with an agent using Storyblok Skills
10 vs. 3

new components created vs. existing ones reused

Your agent, meet Storyblok. Storyblok, meet your agent.

Storyblok Agent Skills give your AI coding agent the Storyblok-specific knowledge, patterns, and best practices it needs to stop figuring things out as it goes and start building the right way.

Whatever the task, there’s a skill for that.

Meet the Storyblok Agent Skills.

storyblok-use-storyblok

Everything starts here. Your agent will take it from there.

The router skill helps your agent understand what you're trying to accomplish and brings in the
right Storyblok skills and resources for the job.

Flowchart with a central circle showing a chat bubble icon. Arrows point to text boxes labeled "use-mcp," "build-frontend," "model-content," and "Launch Campaign."

storyblok-use-mcp

Give your agent the know-how to work with Storyblok MCP.

Help your agent use Storyblok MCP effectively and safely to understand your space, work with schemas and content, and choose the right actions for the task.

Skill guide →

Flow chart showing a conversation icon, a check mark, "MCP," a person, and a document labeled "Your space."

storyblok-build-frontend

Build with the right patterns from the start.

Give your agent framework-specific Storyblok guidance, including the right SDKs, component patterns, and implementation practices for building production-ready frontends.

Skill guide →

Flowchart diagram showing Next.js highlighted among options, linked to a webpage icon and a "Developer" label.

storyblok-model-content

Model content the Storyblok way.

Give your agent guidance to design and refactor scalable content models, from choosing the right components and fields to reusing what already exists instead of creating more.

Skill guide →

Two interfaces for content selection labeled "hero" with options to reuse or input text and image assets. A "hero_new" element is crossed out.

storyblok-implement-figma

From Figma design to a working Storyblok page.

Help your agent turn a Figma design into a modeled, working Storyblok implementation, then visually compare the finished page against the original design.

Skill guide →

Diagram showing two similar design frames connected by a central icon with a 96% match label below.

storyblok-use-cli

When the job gets big, bring in the CLI.

Give your agent guidance to use the Storyblok CLI for repeatable and bulk operations, from moving content and assets to working with schemas and spaces at scale.

Skill guide →

Storyblok migration process at 72% progress, linked with 1,240 stories, with a calendar icon above.

Tested, not just written.

Storyblok Agent Skills are tested against real development scenarios across multiple models and repeated runs. Our evaluation framework looks at how agents solve problems, which tools they choose, and the quality of what they produce. Then, we use those results to continuously improve the skills.

Read the full interview

Every skill is built the same way: give an agent a real task, read the transcript to find where it struggled, write guidance for exactly that, then run it again to prove it helped.

Markus Oberlehner, Senior DX Engineer at Storyblok

Now that they’ve met, let’s get to work.

From everyday development to a full CMS migration, Storyblok Agent Skills bring the right Storyblok expertise to the task at hand.

Migrate to Storyblok

Make the move without bringing the legacy baggage.

Assess your existing site, create a cleaner Storyblok content model, move content and assets at scale, and rebuild the frontend on your chosen framework. Storyblok Agent Skills bring the right expertise together across the migration, from initial assessment to final verification, while keeping your team in control of the decisions that matter.

A computer screen displays a webpage design with the text "Let AI handle the boring stuff." A migration agent notification shows 1,240 stories moved.

Go from a blank repo to a Storyblok project.

Give your agent a framework and a goal. Agent Skills help it structure the content model, choose the right SDKs, and build the frontend using Storyblok patterns from the start.

Flowchart showing an empty repo, a bulk agent working, and a setup for a Next.js blog with Storyblok. Includes a content model and 6 components.

From everyday changes to bulk operations.

Build features, update content and components, reconcile schemas, and handle bulk operations across spaces using the right Storyblok tools and patterns.

Black command-line interface with Storyblok commands and notifications about ready reviews and successfully moved stories.

Ready to introduce your agent to Storyblok?

Install the skills, tell your agents what you are building, and get to work!

Check out our MCP

The bridge between your content platform and the AI agents redefining how digital work gets done.

Switch to Storyblok

Start your 45-day free trial by clicking the arrow below. No strings attached.