Der Editor möchte eine neue Seite in Storyblok erstellen und beschreibt den gewünschten Inhalt in natürlicher Sprache – z.B. „Erstelle eine Landing Page für unser neues Produkt mit Hero, Features und FAQ".
This document describes automation workflows that editors can build using n8n connected to the Storyblok MCP Server via an MCP client node. Each workflow combines MCP tools with external n8n nodes to automate content production, quality assurance, and housekeeping.
| export default defineStackbitConfig({ | |
| stackbitVersion: "~0.6.0", | |
| ssgName: "custom", | |
| devCommand: [ | |
| "npm run _assemble:build:tokens", | |
| "npx @11ty/eleventy --serve --port={PORT} --incremental --config=scripts/stackbit.eleventy.js", | |
| ].join(" && "), | |
| experimental: { | |
| ssg: { | |
| name: "eleventy", |
| { | |
| "definitions": {}, | |
| "$schema": "http://json-schema.org/draft-06/schema#", | |
| "$id": "https://ruhmesmeile.com/rm-dist.json", | |
| "type": "object", | |
| "title": "ruhmesmeile Basiswebsite / rm-dist configuration", | |
| "required": [ | |
| "project", | |
| "configuration", | |
| "remote", |
| { | |
| "$schema": "http://json-schema.org/draft-07/schema#", | |
| "$id": "http://schema.redacted.de/hero.schema.json", | |
| "title": "Hero", | |
| "description": "Prominente Bild- oder Videodarstellung mit Option für Text und Cta", | |
| "type": "object", | |
| "properties": { | |
| "textPosition": { | |
| "type": "string", | |
| "title": "Textposition", |
| function isStoryblokAsset(object: unknown): object is AssetStoryblok { | |
| return (object as AssetStoryblok)?.filename !== undefined; | |
| } | |
| const Picture = forwardRef< | |
| HTMLImageElement, | |
| PictureProps & ImgHTMLAttributes<HTMLImageElement> | |
| >(({ src, lazy, ...props }, ref) => { | |
| const internalRef = useRef<HTMLImageElement>(null); |
| const fs = require("node:fs"); | |
| const PromiseThrottle = require("promise-throttle"); | |
| const FormData = require("form-data"); | |
| const { traverse } = require("object-traversal"); | |
| const sizeOf = require("image-size"); | |
| const StoryblokClient = require("storyblok-js-client"); | |
| const { v4: uuidv4 } = require("uuid"); | |
| const jsonpointer = require("jsonpointer"); | |
| const designSystemPresets = require("@kickstartds/ds-agency-premium/presets.json"); | |
| const generatedComponents = require("../cms/components.123456.json"); |
| # Set the `immutable` cache control options only for assets with a cache busting `v` argument | |
| map $arg_v $asset_immutable { | |
| "" ""; | |
| default "immutable"; | |
| } | |
| ## | |
| # Connection header for WebSocket reverse proxy | |
| ## | |
| map $http_upgrade $connection_upgrade { |
| { | |
| "components": [ | |
| { | |
| "id": "headline", | |
| "name": "Headline", | |
| "groups": [ | |
| { | |
| "id": "default", | |
| "name": "Default", | |
| "contentTypeId": "headline", |
| /// <reference types="vite/client"/> | |
| // @vitest-environment happy-dom | |
| import path from "node:path"; | |
| import fs from "node:fs"; | |
| import fg from "fast-glob"; | |
| import { describe, test } from "vitest"; | |
| import { ReactRenderer, composeStories } from "@storybook/react"; | |
| import { Store_CSFExports } from "@storybook/types"; | |
| import reactElementToJSXString from "react-element-to-jsx-string"; |
