[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6JBM78CFC84NAEWTY7SCN86":3,"skill-same:01M6JBM78CFC84NAEWTY7SCN86":76},{"skillNo":4,"name":5,"nameZh":6,"description":7,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":15,"categories":16,"keywords":22,"publishedAt":43,"linkOnly":44,"markdownContent":45,"markdownBody":46,"frontMatter":47,"refName":54,"commitSha":55,"skillDirectory":56,"forksCount":57,"repositoryHtmlUrl":58,"repositoryHomepageUrl":59,"ownerHtmlUrl":60,"ownerBlogUrl":6,"ownerDescription":6,"updatedAt":61,"install":62,"resources":75},"01M6JBM78CFC84NAEWTY7SCN86","agentic-webdesign-wordpress-mcp",null,"Connect AI agents to WordPress via MCP — native WP 7.0 adapter, WP Navigator, NibWP, Publishio. AI agents create drafts, manage content, audit SEO, build pages, and switch page builders.","S3YED\u002Fappie-kit","S3YED","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F62743867?v=4","01M6JBKBRRVP6KMS0VWZ27T3R6","01M6JBKBX0KG30284PW1DBYJT1",14,"MIT","https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit\u002Fblob\u002Fmaster\u002Fskills\u002Fagentic-webdesign\u002Fagentic-webdesign-wordpress-mcp\u002FSKILL.md",[17],{"categoryNo":18,"categoryName":19,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000023","Skill与智能体开发","SCENARIO","使用场景",[23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42],"agentic","agentic webdesign wordpress mcp","wordpress","MCP","native","wp-astro-mcp","publishio","nibwp","wp-navigator","headless-cms","headless","drafts","ai agents","astro","navigator","cms","audit","manage content","create","connect","2026-11-10 10:12:30",false,"---\nname: agentic-webdesign-wordpress-mcp\ndescription: Connect AI agents to WordPress via MCP — native WP 7.0 adapter, WP Navigator, NibWP, Publishio. AI agents create drafts, manage content, audit SEO, build pages, and switch page builders.\nmetadata:\n  source: agentic-webdesign-research 2026-07-12\n  last_updated: 2026-07-12\ntags: [wordpress, mcp, ai-agents, headless-cms, wp-navigator, nibwp, publishio, wp-astro-mcp]\n---\n\n# WordPress MCP — AI Agent Ecosystem\n\n## Overview\nWordPress 7.0 (April 9, 2026) shipped native MCP adapter — the biggest update in WordPress history. Combined with a fast-growing third-party ecosystem, AI agents can now interact with any WordPress site through structured, permission-controlled MCP tools.\n\n## WordPress 7.0 Core (Free, Built-in)\n\n### What ships in core:\n- **Native AI Client** — WordPress can call AI providers\n- **Abilities API** — granular capability-based access control (replaces role-based permissions)\n- **Connectors UI** — manage AI provider credentials in admin\n- **MCP Adapter** — adapts every registered ability into MCP tools\u002Fresources\u002Fprompts\n- **Expanded REST API** — analytics, user management, content scheduling endpoints. Response compression + conditional GET.\n\n### How it works for AI agents:\n1. WordPress site exposes MCP endpoint (built into core)\n2. AI agent (Claude, Cursor, Codex) connects via MCP\n3. Agent discovers capabilities: create drafts, audit content, manage taxonomies\n4. All operations respect WordPress roles and permissions\n\n### MCP Client Configuration\n\nSTDIO transport (local WP-CLI):\n```json\n{\n  \"mcpServers\": {\n    \"wordpress\": {\n      \"command\": \"wp\",\n      \"args\": [\"--path=\u002Fpath\u002Fto\u002Fwp\", \"mcp-adapter\", \"serve\", \"--server=mcp-adapter-default-server\", \"--user=admin\"]\n    }\n  }\n}\n```\n\nHTTP transport via remote proxy:\n```bash\nnpx @automattic\u002Fmcp-wordpress-remote --url https:\u002F\u002Fyoursite.com --user admin --app-password \"XXXX XXXX XXXX XXXX\"\n```\n\nMCP endpoint: `https:\u002F\u002Fyoursite.com\u002Fwp-json\u002Fmcp\u002Fmcp-adapter-default-server`\n\n### Headless pattern:\nWordPress (MCP backend) → Next.js\u002FAstro\u002FVite frontend → AI agent at content layer\n\n## Third-Party Tools\n\n### WP Navigator (wpnav.ai)\n- **93 specialized MCP tools** — organized in dynamic toolsets for context efficiency\n- **8×4 permission matrix:** None \u002F Read \u002F Suggest \u002F Write across 8 categories\n- **Plan-Diff-Apply workflow:** AI previews changes as diffs → review → approve\u002Fapply\n- **Instant kill switch:** one-click termination of all AI sessions\n- **Builder cookbooks:** compact references for Gutenberg, Elementor, WPBakery\n- **Audit trail:** every AI action logged with who\u002Fwhat\u002Fwhen\n- **Status:** MVP coming mid-2026 (waitlist)\n\n### NibWP (nibwp.com)\n- **132 tools, 26 categories, 33+ integrations** — WooCommerce, ACF, page builders, forms, CRM, LMS\n- **Screenshot-to-build:** hand over screenshot\u002Flink\u002FFigma → on-brand build in Bricks\u002FElementor\u002FEtch\n- **Page builder switching:** AI reads existing design, recreates in new builder (pixel-perfect)\n- **3-step setup:** install plugin → paste one-line connection → start prompting\n- **Status:** Live, production-ready\n\n### Publishio (rtCamp, open source)\n- **GPL-2.0 license** — free, open source\n- **Block pattern intelligence:** reads `WP_Block_Patterns_Registry`, fills patterns with AI content\n- **Section-by-section building:** each pattern previewed in chat before appending to draft\n- **Schema-constrained editing:** AI edits only content values (headlines, body, images, buttons) — cannot touch markup\u002FCSS\n- **Yoast SEO integration:** handles slugs, excerpts, meta fields\n- **AI skill file included:** teaches assistants WordPress content rules\n- **Status:** Available now. Production-ready.\n\n### WP Astro MCP (Community, open source)\n- **57 specialized tools** across 9 groups: site management, content extraction, transformation, output, media, GitHub, export, sync, setup wizard\n- **Router pattern:** 3 meta-tools (`wp_astro_run`, `wp_astro_help`, `wp_astro_describe`) — AI discovers tools conversationally\n- **Full pipeline:** REST API → 13-step transformation → Astro scaffold → GitHub push → Vercel deploy\n- **Webhook dispatcher:** auto-rebuild Astro frontend on WP publish (HMAC-signed, ~1-2 min)\n- **Setup wizard:** single guided flow from \"I have a WP blog\" to \"deployed Astro frontend on Vercel\"\n- **Status:** Production-ready. Active development.\n\n## When to Use\n- Any WordPress site you want to manage via AI agent\n- Headless WordPress + Next.js stacks needing AI content operations\n- Agency workflows: bulk updates, audits, client site management\n- Page builder migrations (switch builders without manual rebuild)\n\n## Pitfalls\n- WordPress 7.0 MCP adapter requires WP 7.0+ (not available on older sites)\n- WP Navigator is pre-release — not production-tested at scale\n- NibWP's screenshot-to-build quality varies with design complexity\n- Headless WordPress requires WPGraphQL setup for frontend frameworks\n- MCP tools consume context budget — use dynamic toolsets (WP Navigator) or compact cookbooks\n\n## Version\nWordPress 7.0 (April 9, 2026). 40% of web market share.","# WordPress MCP — AI Agent Ecosystem\n\n## Overview\nWordPress 7.0 (April 9, 2026) shipped native MCP adapter — the biggest update in WordPress history. Combined with a fast-growing third-party ecosystem, AI agents can now interact with any WordPress site through structured, permission-controlled MCP tools.\n\n## WordPress 7.0 Core (Free, Built-in)\n\n### What ships in core:\n- **Native AI Client** — WordPress can call AI providers\n- **Abilities API** — granular capability-based access control (replaces role-based permissions)\n- **Connectors UI** — manage AI provider credentials in admin\n- **MCP Adapter** — adapts every registered ability into MCP tools\u002Fresources\u002Fprompts\n- **Expanded REST API** — analytics, user management, content scheduling endpoints. Response compression + conditional GET.\n\n### How it works for AI agents:\n1. WordPress site exposes MCP endpoint (built into core)\n2. AI agent (Claude, Cursor, Codex) connects via MCP\n3. Agent discovers capabilities: create drafts, audit content, manage taxonomies\n4. All operations respect WordPress roles and permissions\n\n### MCP Client Configuration\n\nSTDIO transport (local WP-CLI):\n```json\n{\n  \"mcpServers\": {\n    \"wordpress\": {\n      \"command\": \"wp\",\n      \"args\": [\"--path=\u002Fpath\u002Fto\u002Fwp\", \"mcp-adapter\", \"serve\", \"--server=mcp-adapter-default-server\", \"--user=admin\"]\n    }\n  }\n}\n```\n\nHTTP transport via remote proxy:\n```bash\nnpx @automattic\u002Fmcp-wordpress-remote --url https:\u002F\u002Fyoursite.com --user admin --app-password \"XXXX XXXX XXXX XXXX\"\n```\n\nMCP endpoint: `https:\u002F\u002Fyoursite.com\u002Fwp-json\u002Fmcp\u002Fmcp-adapter-default-server`\n\n### Headless pattern:\nWordPress (MCP backend) → Next.js\u002FAstro\u002FVite frontend → AI agent at content layer\n\n## Third-Party Tools\n\n### WP Navigator (wpnav.ai)\n- **93 specialized MCP tools** — organized in dynamic toolsets for context efficiency\n- **8×4 permission matrix:** None \u002F Read \u002F Suggest \u002F Write across 8 categories\n- **Plan-Diff-Apply workflow:** AI previews changes as diffs → review → approve\u002Fapply\n- **Instant kill switch:** one-click termination of all AI sessions\n- **Builder cookbooks:** compact references for Gutenberg, Elementor, WPBakery\n- **Audit trail:** every AI action logged with who\u002Fwhat\u002Fwhen\n- **Status:** MVP coming mid-2026 (waitlist)\n\n### NibWP (nibwp.com)\n- **132 tools, 26 categories, 33+ integrations** — WooCommerce, ACF, page builders, forms, CRM, LMS\n- **Screenshot-to-build:** hand over screenshot\u002Flink\u002FFigma → on-brand build in Bricks\u002FElementor\u002FEtch\n- **Page builder switching:** AI reads existing design, recreates in new builder (pixel-perfect)\n- **3-step setup:** install plugin → paste one-line connection → start prompting\n- **Status:** Live, production-ready\n\n### Publishio (rtCamp, open source)\n- **GPL-2.0 license** — free, open source\n- **Block pattern intelligence:** reads `WP_Block_Patterns_Registry`, fills patterns with AI content\n- **Section-by-section building:** each pattern previewed in chat before appending to draft\n- **Schema-constrained editing:** AI edits only content values (headlines, body, images, buttons) — cannot touch markup\u002FCSS\n- **Yoast SEO integration:** handles slugs, excerpts, meta fields\n- **AI skill file included:** teaches assistants WordPress content rules\n- **Status:** Available now. Production-ready.\n\n### WP Astro MCP (Community, open source)\n- **57 specialized tools** across 9 groups: site management, content extraction, transformation, output, media, GitHub, export, sync, setup wizard\n- **Router pattern:** 3 meta-tools (`wp_astro_run`, `wp_astro_help`, `wp_astro_describe`) — AI discovers tools conversationally\n- **Full pipeline:** REST API → 13-step transformation → Astro scaffold → GitHub push → Vercel deploy\n- **Webhook dispatcher:** auto-rebuild Astro frontend on WP publish (HMAC-signed, ~1-2 min)\n- **Setup wizard:** single guided flow from \"I have a WP blog\" to \"deployed Astro frontend on Vercel\"\n- **Status:** Production-ready. Active development.\n\n## When to Use\n- Any WordPress site you want to manage via AI agent\n- Headless WordPress + Next.js stacks needing AI content operations\n- Agency workflows: bulk updates, audits, client site management\n- Page builder migrations (switch builders without manual rebuild)\n\n## Pitfalls\n- WordPress 7.0 MCP adapter requires WP 7.0+ (not available on older sites)\n- WP Navigator is pre-release — not production-tested at scale\n- NibWP's screenshot-to-build quality varies with design complexity\n- Headless WordPress requires WPGraphQL setup for frontend frameworks\n- MCP tools consume context budget — use dynamic toolsets (WP Navigator) or compact cookbooks\n\n## Version\nWordPress 7.0 (April 9, 2026). 40% of web market share.",{"name":5,"tags":48,"metadata":51,"description":7},[25,49,50,32,31,30,29,28],"mcp","ai-agents",{"source":52,"last_updated":53},"agentic-webdesign-research 2026-07-12",1783814400000,"master","8ec37df6d71fb664ea19d32c079e7d3ff931a8e0","skills\u002Fagentic-webdesign\u002Fagentic-webdesign-wordpress-mcp",3,"https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit","https:\u002F\u002Fweblyfe.ai","https:\u002F\u002Fgithub.com\u002FS3YED","2026-08-27 01:54:02",{"source":8,"skillName":5,"commands":63,"prompt":73,"zipAvailable":74},[64,67,70],{"tool":65,"command":66},"npx","npx skills add S3YED\u002Fappie-kit --skill agentic-webdesign-wordpress-mcp",{"tool":68,"command":69},"bunx","bunx skills add S3YED\u002Fappie-kit --skill agentic-webdesign-wordpress-mcp",{"tool":71,"command":72},"pnpm","pnpm dlx skills add S3YED\u002Fappie-kit --skill agentic-webdesign-wordpress-mcp","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit\u002Fblob\u002Fmaster\u002Fskills\u002Fagentic-webdesign\u002Fagentic-webdesign-wordpress-mcp\u002FSKILL.md",true,[],[77,109,143,168,199,224],{"skillNo":78,"name":79,"nameZh":6,"description":80,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":81,"categories":82,"keywords":90,"publishedAt":43},"01M6JFD4M6N4DSGC7TXEJ5R3J2","ai-music","AI music generation and audio tools: HeartMuLa lyrics-to-music generation, songwriting craft (+ Suno prompts), and audio spectrogram\u002Ffeature visualization.","https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit\u002Fblob\u002Fmaster\u002Fskills\u002Fwethlete\u002Fai-music\u002FSKILL.md",[83,86,89],{"categoryNo":84,"categoryName":85,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000013","分析与可视化",{"categoryNo":87,"categoryName":88,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000016","图像与多媒体",{"categoryNo":18,"categoryName":19,"taxonomyType":20,"taxonomyTypeDesc":21},[91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108],"music","ai music","humanizer","visualization","Tools","Audio","hermes","hermes agent","songwriting","suno","lyrics","prompts","heartmula","craft","generation","feature","ai music generation","music generation",{"skillNo":110,"name":111,"nameZh":6,"description":112,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":113,"categories":114,"keywords":123,"publishedAt":43},"01M6JFCZE4XNFQFMNZDHKHT5V5","agentic-webdesign-design-system-ingestion","Use v0 Design Systems 2.0, Bolt Design System Agents, or Lovable to generate production UI from a client's real design system components — not generic Tailwind. Use when building a client website where brand consistency matters.","https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit\u002Fblob\u002Fmaster\u002Fskills\u002Fweb-design\u002Fagentic-webdesign-design-system-ingestion\u002FSKILL.md",[115,118],{"categoryNo":116,"categoryName":117,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000015","视觉设计",{"categoryNo":119,"categoryName":120,"taxonomyType":121,"taxonomyTypeDesc":122},"01JBSEEDCAT000000000000032","设计师","PROFESSION","适用职业",[124,23,125,126,127,128,129,130,131,132,133,134,135,136,137,138,139,140,141,142],"design","design system","system","ingestion","webdesign","agentic webdesign design system ingestion","components","generate","design systems","website","ui","Tailwind","bolt","lovable","v0","design-system","wed","design system components","appie",{"skillNo":144,"name":145,"nameZh":6,"description":146,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":147,"categories":148,"keywords":151,"publishedAt":43},"01M6JFCVPX3913CFAS6QQJ33ZB","agentic-webdesign-agent-elements","Use 21st.dev Agent Elements — 25 shadcn\u002Fui components purpose-built for AI agent UIs. Tool cards (Bash, Edit, Search, Plan, Subagent, MCP), chat, input, streaming. Open source, shadcn-registry install, no runtime lock-in.","https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit\u002Fblob\u002Fmaster\u002Fskills\u002Fweb-design\u002Fagentic-webdesign-agent-elements\u002FSKILL.md",[149,150],{"categoryNo":18,"categoryName":19,"taxonomyType":20,"taxonomyTypeDesc":21},{"categoryNo":119,"categoryName":120,"taxonomyType":121,"taxonomyTypeDesc":122},[23,152,128,153,26,154,130,155,156,157,158,159,160,161,162,163,164,165,166,167],"elements","agentic webdesign agent elements","ai agent","registry","search","streaming","open source","open","Bash","plan","subagent","edit","install","input","lock","source",{"skillNo":169,"name":170,"nameZh":6,"description":171,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":172,"categories":173,"keywords":178,"publishedAt":43},"01M6JFCQC7H65M9QJ6TRE71BS1","vercel-deployment","Deploy static sites and frontends to Vercel — handles both CLI and REST API paths, including the CLI token sanitization workaround.","https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit\u002Fblob\u002Fmaster\u002Fskills\u002Fsoftware-development\u002Fvercel-deployment\u002FSKILL.md",[174,177],{"categoryNo":175,"categoryName":176,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000011","运维与部署",{"categoryNo":18,"categoryName":19,"taxonomyType":20,"taxonomyTypeDesc":21},[179,180,181,182,183,184,185,186,187,188,189,190,191,192,193,194,195,196,197,198],"deployment","vercel deployment","vercel","macos","cli","linux","windows","deploy","vercel deploy","REST","api","site","deploy to vercel","token","rest api","host","sites","paths","sanitization","static site",{"skillNo":200,"name":201,"nameZh":6,"description":202,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":203,"categories":204,"keywords":206,"publishedAt":43},"01M6JFCM4SMTXBM5A01BK2YQG1","software-quality-workflows","Umbrella workflow for TDD, debugging, code simplification, spikes, pre-commit review, and debugger-assisted investigation.","https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit\u002Fblob\u002Fmaster\u002Fskills\u002Fsoftware-development\u002Fsoftware-quality-workflows\u002FSKILL.md",[205],{"categoryNo":18,"categoryName":19,"taxonomyType":20,"taxonomyTypeDesc":21},[207,208,209,210,211,212,213,214,215,216,217,218,219,220,221,222,223],"workflows","quality","software","software quality workflows","review","tdd","workflow","commit","debugging","code","debugger","pre-commit","investigation","code simplification","user","simplification","for",{"skillNo":225,"name":226,"nameZh":6,"description":227,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":228,"categories":229,"keywords":237,"publishedAt":43},"01M6JFCGD0M6CEATY01W7YN6DB","react-component-refactoring","Safely refactor large React components into smaller, maintainable pieces using proven patterns","https:\u002F\u002Fgithub.com\u002FS3YED\u002Fappie-kit\u002Fblob\u002Fmaster\u002Fskills\u002Fsoftware-development\u002Freact-component-refactoring\u002FSKILL.md",[230,233,236],{"categoryNo":231,"categoryName":232,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000007","代码审查",{"categoryNo":234,"categoryName":235,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000009","前端开发",{"categoryNo":18,"categoryName":19,"taxonomyType":20,"taxonomyTypeDesc":21},[238,239,240,241,242,243,244,245,182,246,247,130,248,185,249,216,250,251,252,253],"react","component","refactoring","component refactoring","react component","react component refactoring","frontend","writing","safe","typescript","react components","modular","refactor","simplify","patterns","test-driven-development"]