diff --git a/.agents/plugins/marketplace.json b/.agents/plugins/marketplace.json new file mode 100644 index 0000000..b75b374 --- /dev/null +++ b/.agents/plugins/marketplace.json @@ -0,0 +1,56 @@ +{ + "name": "webflow-skills", + "interface": { + "displayName": "Webflow Skills" + }, + "plugins": [ + { + "name": "webflow-skills", + "source": { + "source": "local", + "path": "./plugins/webflow-skills" + }, + "policy": { + "installation": "AVAILABLE", + "authentication": "ON_INSTALL" + }, + "category": "Productivity" + }, + { + "name": "webflow-code-component-skills", + "source": { + "source": "local", + "path": "./plugins/webflow-code-component-skills" + }, + "policy": { + "installation": "AVAILABLE", + "authentication": "ON_INSTALL" + }, + "category": "Productivity" + }, + { + "name": "webflow-cli-skills", + "source": { + "source": "local", + "path": "./plugins/webflow-cli-skills" + }, + "policy": { + "installation": "AVAILABLE", + "authentication": "ON_INSTALL" + }, + "category": "Productivity" + }, + { + "name": "webflow-designer-tools", + "source": { + "source": "local", + "path": "./plugins/webflow-designer-tools" + }, + "policy": { + "installation": "AVAILABLE", + "authentication": "ON_INSTALL" + }, + "category": "Productivity" + } + ] +} diff --git a/.codex/config.toml b/.codex/config.toml new file mode 100644 index 0000000..55f3310 --- /dev/null +++ b/.codex/config.toml @@ -0,0 +1,2 @@ +[mcp_servers.webflow] +url = "https://mcp.webflow.com/mcp" diff --git a/CLAUDE.md b/CLAUDE.md index e5b376a..eacec77 100644 --- a/CLAUDE.md +++ b/CLAUDE.md @@ -4,16 +4,21 @@ Webflow Skills is a marketplace-ready collection of agent skills for Claude Code ## Repository Structure -Three plugin families live under `plugins/`: +Four plugin families live under `plugins/`: -- **webflow-skills/** — CMS operations, site/asset/link audits, safe publish, FlowKit naming (10 skills) +- **webflow-skills/** — CMS operations, site/asset/link audits, safe publish, FlowKit naming (11 skills) - **webflow-code-component-skills/** — React code component scaffolding, conversion, validation, deployment (7 skills) - **webflow-cli-skills/** — CLI wrappers for Cloud, DevLink, designer extensions (5 skills) +- **webflow-designer-tools/** — Webflow Designer page structure, elements, and components (1 skill) Key config files: - `.mcp.json` — MCP server config (Webflow MCP at https://mcp.webflow.com/mcp) -- `.claude-plugin/marketplace.json` — Marketplace entry listing all 3 plugins +- `.claude-plugin/marketplace.json` — Claude marketplace entry listing all 4 plugins +- `.agents/plugins/marketplace.json` — Codex marketplace entry listing all 4 plugins +- `plugins/*/.codex-plugin/plugin.json` — Codex plugin manifests, one per plugin family +- `plugins/*/.mcp.json` — Symlinks to the root `.mcp.json` for Codex plugin MCP config +- `plugins/*/assets/logo.svg` — Symlinks to the root `assets/logo.svg` for Codex plugin branding - `.cursor-plugin/plugin.json` + `marketplace.json` — Cursor plugin config - `agents/webflow-agent.md` — Agent setup documentation diff --git a/plugins/webflow-cli-skills/.codex-plugin/plugin.json b/plugins/webflow-cli-skills/.codex-plugin/plugin.json new file mode 100644 index 0000000..996c303 --- /dev/null +++ b/plugins/webflow-cli-skills/.codex-plugin/plugin.json @@ -0,0 +1,48 @@ +{ + "name": "webflow-cli-skills", + "version": "1.1.0", + "description": "Production-ready skills for Webflow CLI workflows including Code Components, DevLink, Webflow Cloud, and Designer Extensions.", + "author": { + "name": "Webflow", + "email": "developers@webflow.com", + "url": "https://developers.webflow.com" + }, + "homepage": "https://github.com/webflow/webflow-skills#readme", + "repository": "https://github.com/webflow/webflow-skills", + "license": "MIT", + "keywords": [ + "webflow", + "webflow-cli", + "cli", + "code-components", + "devlink", + "webflow-cloud", + "designer-extensions" + ], + "skills": "./skills/", + "mcpServers": "./.mcp.json", + "interface": { + "displayName": "Webflow CLI Skills", + "shortDescription": "Run Webflow CLI workflows from Codex", + "longDescription": "Use Webflow CLI Skills in Codex to run guided workflows for Code Components, DevLink, Webflow Cloud deployments, Designer Extensions, and CLI troubleshooting.", + "developerName": "Webflow", + "category": "Productivity", + "capabilities": [ + "Interactive", + "Read", + "Write" + ], + "websiteURL": "https://webflow.com", + "privacyPolicyURL": "https://webflow.com/legal/privacy", + "termsOfServiceURL": "https://webflow.com/legal/terms", + "defaultPrompt": [ + "Set up Webflow CLI for this project", + "Troubleshoot my Webflow CLI deployment", + "Guide me through a DevLink workflow" + ], + "brandColor": "#146EF5", + "composerIcon": "./assets/logo.svg", + "logo": "./assets/logo.svg", + "screenshots": [] + } +} diff --git a/plugins/webflow-cli-skills/.mcp.json b/plugins/webflow-cli-skills/.mcp.json new file mode 120000 index 0000000..68df7ad --- /dev/null +++ b/plugins/webflow-cli-skills/.mcp.json @@ -0,0 +1 @@ +../../.mcp.json \ No newline at end of file diff --git a/plugins/webflow-cli-skills/assets/logo.svg b/plugins/webflow-cli-skills/assets/logo.svg new file mode 120000 index 0000000..4228c63 --- /dev/null +++ b/plugins/webflow-cli-skills/assets/logo.svg @@ -0,0 +1 @@ +../../../assets/logo.svg \ No newline at end of file diff --git a/plugins/webflow-code-component-skills/.codex-plugin/plugin.json b/plugins/webflow-code-component-skills/.codex-plugin/plugin.json new file mode 100644 index 0000000..32ad4d2 --- /dev/null +++ b/plugins/webflow-code-component-skills/.codex-plugin/plugin.json @@ -0,0 +1,48 @@ +{ + "name": "webflow-code-component-skills", + "version": "1.0.0", + "description": "Skills for building and deploying Webflow Code Components with scaffolding, styling, validation, and deployment workflows.", + "author": { + "name": "Webflow", + "email": "developers@webflow.com", + "url": "https://developers.webflow.com" + }, + "homepage": "https://github.com/webflow/webflow-skills#readme", + "repository": "https://github.com/webflow/webflow-skills", + "license": "MIT", + "keywords": [ + "webflow", + "code-components", + "react", + "components", + "validation", + "deployment", + "mcp" + ], + "skills": "./skills/", + "mcpServers": "./.mcp.json", + "interface": { + "displayName": "Webflow Code Components", + "shortDescription": "Build and deploy Webflow Code Components", + "longDescription": "Use Webflow Code Components in Codex to scaffold, convert, audit, validate, troubleshoot, and deploy React-based Webflow Code Components with practical pre-deploy workflows.", + "developerName": "Webflow", + "category": "Productivity", + "capabilities": [ + "Interactive", + "Read", + "Write" + ], + "websiteURL": "https://webflow.com", + "privacyPolicyURL": "https://webflow.com/legal/privacy", + "termsOfServiceURL": "https://webflow.com/legal/terms", + "defaultPrompt": [ + "Scaffold a Webflow Code Component", + "Audit this component before deployment", + "Help me deploy a Code Component" + ], + "brandColor": "#146EF5", + "composerIcon": "./assets/logo.svg", + "logo": "./assets/logo.svg", + "screenshots": [] + } +} diff --git a/plugins/webflow-code-component-skills/.mcp.json b/plugins/webflow-code-component-skills/.mcp.json new file mode 120000 index 0000000..68df7ad --- /dev/null +++ b/plugins/webflow-code-component-skills/.mcp.json @@ -0,0 +1 @@ +../../.mcp.json \ No newline at end of file diff --git a/plugins/webflow-code-component-skills/assets/logo.svg b/plugins/webflow-code-component-skills/assets/logo.svg new file mode 120000 index 0000000..4228c63 --- /dev/null +++ b/plugins/webflow-code-component-skills/assets/logo.svg @@ -0,0 +1 @@ +../../../assets/logo.svg \ No newline at end of file diff --git a/plugins/webflow-designer-tools/.codex-plugin/plugin.json b/plugins/webflow-designer-tools/.codex-plugin/plugin.json new file mode 100644 index 0000000..f424c3a --- /dev/null +++ b/plugins/webflow-designer-tools/.codex-plugin/plugin.json @@ -0,0 +1,47 @@ +{ + "name": "webflow-designer-tools", + "version": "0.1.0", + "description": "Webflow Designer tools for building page structure and managing components.", + "author": { + "name": "Webflow", + "email": "developers@webflow.com", + "url": "https://developers.webflow.com" + }, + "homepage": "https://github.com/webflow/webflow-skills#readme", + "repository": "https://github.com/webflow/webflow-skills", + "license": "MIT", + "keywords": [ + "webflow", + "designer", + "designer-tools", + "components", + "page-structure", + "mcp" + ], + "skills": "./skills/", + "mcpServers": "./.mcp.json", + "interface": { + "displayName": "Webflow Designer Tools", + "shortDescription": "Build and inspect Webflow Designer pages", + "longDescription": "Use Webflow Designer Tools in Codex to inspect pages, understand element structure, manage components, and guide Webflow Designer changes through Webflow MCP.", + "developerName": "Webflow", + "category": "Productivity", + "capabilities": [ + "Interactive", + "Read", + "Write" + ], + "websiteURL": "https://webflow.com", + "privacyPolicyURL": "https://webflow.com/legal/privacy", + "termsOfServiceURL": "https://webflow.com/legal/terms", + "defaultPrompt": [ + "Show me all elements on the homepage", + "Inspect the structure of this page", + "Help me manage Designer components" + ], + "brandColor": "#146EF5", + "composerIcon": "./assets/logo.svg", + "logo": "./assets/logo.svg", + "screenshots": [] + } +} diff --git a/plugins/webflow-designer-tools/.mcp.json b/plugins/webflow-designer-tools/.mcp.json new file mode 120000 index 0000000..68df7ad --- /dev/null +++ b/plugins/webflow-designer-tools/.mcp.json @@ -0,0 +1 @@ +../../.mcp.json \ No newline at end of file diff --git a/plugins/webflow-designer-tools/assets/logo.svg b/plugins/webflow-designer-tools/assets/logo.svg new file mode 120000 index 0000000..4228c63 --- /dev/null +++ b/plugins/webflow-designer-tools/assets/logo.svg @@ -0,0 +1 @@ +../../../assets/logo.svg \ No newline at end of file diff --git a/plugins/webflow-skills/.codex-plugin/plugin.json b/plugins/webflow-skills/.codex-plugin/plugin.json new file mode 100644 index 0000000..f1f3606 --- /dev/null +++ b/plugins/webflow-skills/.codex-plugin/plugin.json @@ -0,0 +1,51 @@ +{ + "name": "webflow-skills", + "version": "1.0.2", + "description": "Production-ready skills for managing Webflow CMS content, auditing site health, optimizing assets, and safely publishing changes.", + "author": { + "name": "Webflow", + "email": "developers@webflow.com", + "url": "https://developers.webflow.com" + }, + "homepage": "https://github.com/webflow/webflow-skills#readme", + "repository": "https://github.com/webflow/webflow-skills", + "license": "MIT", + "keywords": [ + "webflow", + "mcp", + "cms", + "site-audit", + "seo", + "accessibility", + "link-checker", + "asset-optimization", + "safe-publish", + "flowkit" + ], + "skills": "./skills/", + "mcpServers": "./.mcp.json", + "interface": { + "displayName": "Webflow Skills", + "shortDescription": "Manage CMS, audits, assets, and publishing", + "longDescription": "Use Webflow Skills in Codex to manage CMS content, audit site health, optimize assets, check links, apply FlowKit naming, manage custom code, and prepare safe publishing workflows with Webflow MCP.", + "developerName": "Webflow", + "category": "Productivity", + "capabilities": [ + "Interactive", + "Read", + "Write" + ], + "websiteURL": "https://webflow.com", + "privacyPolicyURL": "https://webflow.com/legal/privacy", + "termsOfServiceURL": "https://webflow.com/legal/terms", + "defaultPrompt": [ + "Run a site audit for my Webflow site", + "Find and fix broken links on my site", + "Prepare a safe publish checklist" + ], + "brandColor": "#146EF5", + "composerIcon": "./assets/logo.svg", + "logo": "./assets/logo.svg", + "screenshots": [] + } +} diff --git a/plugins/webflow-skills/.mcp.json b/plugins/webflow-skills/.mcp.json new file mode 120000 index 0000000..68df7ad --- /dev/null +++ b/plugins/webflow-skills/.mcp.json @@ -0,0 +1 @@ +../../.mcp.json \ No newline at end of file diff --git a/plugins/webflow-skills/assets/logo.svg b/plugins/webflow-skills/assets/logo.svg new file mode 120000 index 0000000..4228c63 --- /dev/null +++ b/plugins/webflow-skills/assets/logo.svg @@ -0,0 +1 @@ +../../../assets/logo.svg \ No newline at end of file