TOKREPO · 主题包
本周新建

WordPress + No-Code AI 建站栈

给不会写代码的小生意主 / blogger / freelancer 的十件资产:WordPress 当 CMS、Webstudio 当 Webflow 替代做可视化页面、WooCommerce 收钱、MCP adapter 让 AI agent 直接改站、加上 AI 写手、SEO 审计、Hero 出图、Activepieces / n8n 自动化、隐私优先分析 —— 按「域名 → 看板」的安装顺序串好。

10 个资产

这个 pack 里装了什么

这是 2026 年一个不会写代码的人真正需要的工具栈 —— 不是落地页、不是 Notion 站、不是 Linktree,而是一个能赚钱的真网站。十件资产,让小生意主、blogger、freelancer 把整条漏斗(域名 → CMS → AI 内容 → SEO → 收钱 → 自动化 → 分析)从头到尾跑通,全程不用碰 JavaScript,也不用请程序员。

pack 按五层组织:

  • 站点层:WordPress(CMS)、Webstudio(可视化 no-code 页面构建器)、WooCommerce(店铺 + 结账模块)。
  • AI 编辑层:WordPress MCP Adapter —— 把 WordPress 后台能力(发布、编辑、分类、媒体)暴露成 MCP 工具,让 Claude / Cursor / 任何 agent 直接改线上站,不用你登录 wp-admin。
  • 内容层:Content Marketer agent(brief、outline、初稿)、Together AI 出图(hero、博客封面、产品图)。
  • SEO 层:SEO Specialist agent —— 技术 SEO 审计(爬全站,挑出 canonical 错乱、重复标题、缺失 schema)。
  • 自动化 + 分析层:Activepieces(no-code Zapier 替代,预制集成 + 一个不会代码的人能看懂的界面)、n8n(当 Activepieces 顶不住、需要完整条件分支时上)、Plausible(隐私优先分析,不需要 cookie 横幅)。

刻意的分工:每件事用合适的工具,而不是用一个什么都能干、什么都干不好的臃肿 builder。WordPress 装长内容和数据库。Webstudio 设计需要好看的营销页。WooCommerce 管结账。AI 写文案和出图。Activepieces / n8n 把这些粘到邮件列表、CRM、支付渠道、Slack。

安装顺序(站建好 → 内容 → SEO → 收费 → 自动化)

  1. WordPress —— 主干。先买域名,找一家 $5-15/月 的托管主机(Hostinger、Cloudways、Kinsta)一键装好 WordPress。这是你的 CMS、URL 结构、SEO 表面,也是内容的唯一来源。不要跳过这一步 —— 后面每一个 pick 都假设 WordPress 已经在跑。
  2. Webstudio —— 可视化页面构建器。开源的 Webflow 替代品。用拖拽画布设计首页、定价页、关于页、落地页,输出的是干净的 HTML/CSS —— 不是 Elementor 的插件堆叠、不是 shortcode 地狱。把营销页托管在 Webstudio,通过子域名或路径转发让 WordPress 指过去。
  3. WooCommerce —— 店铺。WordPress 插件形式启用,只要你卖东西(实物、数字下载、订阅、服务预约)就装上。这是这个 pack 里唯一一个「主力插件」—— 因为 WordPress 上的电商路径就是 WooCommerce,替代方案(Shopify)会把你彻底拖出 WordPress 生态。
  4. WordPress MCP Adapter —— AI 编辑桥。WordPress 端装一次;之后任何 MCP 客户端(Claude Desktop、Claude Code、Cursor、Gemini CLI)都能通过工具调用读文章、起新草稿、改分类、传媒体、更新 WooCommerce 商品。这件事把这个 pack 里其他 AI 工具从「AI 帮我想」升级成「AI 真的改了站」。
  5. Claude Code Agent: Content Marketer —— 写手。扔一个话题进去,吐出一份带 hook、outline、目标关键词、内链规划、各平台变体的 brief。和 MCP Adapter 一组合,你就能说「写一篇 1500 字关于 X 的博客,存成 WordPress 草稿」,文章会直接出现在 wp-admin 里等你审。
  6. Claude Code Agent: SEO Specialist —— 技术 SEO 审计 —— 审计专员。每月跑一次。爬全站、找抓取预算浪费、canonical 错乱、重复标题、缺失 alt 文本、缺失 schema,然后通过 MCP Adapter 把修复直接写回。大版本上线前再跑一次。
  7. Together AI Image Generation Skill for Claude Code —— 视觉层。生成 hero 图、博客封面、产品图、社交分享图。托管的 Flux/SD,按图付费、可预测。把品牌 hex 色号写死进 system prompt,输出才不会跑偏。
  8. Activepieces —— no-code 自动化骨架。开源 Zapier 替代品。用来粘那些无聊的事:WooCommerce 来新订单 → 给客户发邮件 + 加进 Mailchimp + 通知 Slack + 写一行进 Google Sheet。拖拽 UI,200+ 预制集成,一个不会代码的人能看懂。
  9. n8n —— 进阶自动化。一旦 Activepieces 显得不够灵活就上 n8n —— 多步条件流、自定义 HTTP 调用、根据 LLM 输出做路由的 AI 节点,可以和 WordPress 一台 VPS 自托管。两个共存:简单的事 Activepieces 干,有真分支逻辑的 n8n 干。
  10. Plausible Analytics —— 回看。轻量、无 cookie、GDPR 友好。WordPress 里塞一段 JS、不需要 cookie 横幅,dashboard 一个不懂技术的老板喝着咖啡就能读完。这个 pack 不选 GA4 —— GA4 的 cookie 同意闸口和复杂报表会废掉「no-code」承诺。

它们怎么串起来(ASCII 漏斗)

   域名(你刚买的)
        │
        ▼
   ┌── WordPress ──────────────────────┐
   │  (CMS · 数据库 · 后台 · 永久链接)  │
   └────────────┬───────────────────────┘
                │
        ┌───────┴─────────┐
        ▼                 ▼
  ┌── Webstudio ──┐  ┌── WooCommerce ──┐
  │(可视化首页、 │  │(商品、购物车、 │
  │ 定价、落地页)│  │ 结账)          │
  └───────┬───────┘  └────────┬────────┘
          │                   │
          └─────────┬─────────┘
                    ▼
     ┌── WordPress MCP Adapter ──┐
     │   (AI agent 直接改站)    │
     └──────────────┬─────────────┘
                    │
         ┌──────────┼──────────┐
         ▼          ▼          ▼
  Content       SEO         Together AI
  Marketer      Specialist  (hero / 产品
  agent         (审计)     图)
  (初稿)
                    │
                    ▼
  ┌── Activepieces ──┐   ┌── n8n ──┐
  │(简单粘合:订单 │   │(条件分 │
  │ → 邮件 + Sheet  │ ⟵→│  支、AI │
  │ + Slack)        │   │  节点) │
  └────────┬─────────┘   └─────┬───┘
           │                   │
           └─────────┬─────────┘
                     ▼
              ┌── Plausible ──┐
              │(哪些东西有效)│
              └────────────────┘

两个关键拼接点:WordPress + MCP Adapter(让 pack 里其他 AI 工具真正能改站,而不仅仅是「聊一聊」)、Activepieces / n8n + WooCommerce + Plausible(一笔新订单走成闭环 —— 邮件发了、列表更新了、看板看得到)。

你会遇到的取舍

  • WordPress vs Webflow vs Framer vs Bubble。WordPress 开源、可自托管、占全网 40%、有 6 万插件生态、任何一家厂商倒了它都还在跑。代价:你要维护它(更新、备份、安全)。Webflow / Framer 是托管 SaaS —— UX 更精致、不用维护,但每张页面都活在厂商数据库里,月费要付一辈子。Bubble 是给做 app 类产品的,不是给内容站的。这个 pack 选 WordPress + Webstudio,让你既保留数据,又保留可视化设计自由。
  • No-code 的天花板。Activepieces 和 n8n 能扛住 90% 的小生意自动化;剩下 10% —— 重实时数据、自定义 AI 流水线、紧耦合到某个内部系统 —— 最终还是要写代码。计划是:这 10% 找个 freelancer 一次性做掉,而不是硬把 no-code 工具拗成它不擅长的形状。
  • WP 的安全和维护是真问题。WordPress 的插件生态也是它最大的攻击面。过期插件是 WordPress 站被攻破的第一大原因。预算上要包含:会自动更新核心 + 插件的托管主机、一个安全插件(Wordfence 或 Solid Security)、每周备份、每季度删一遍不再用的插件。
  • Vendor lock-in 出在 no-code 这一层。Webstudio 开源 —— 可以导出 HTML/CSS 自己托管。Activepieces 和 n8n 开源 —— 流可移植。锁死风险出在 WooCommerce 付费扩展和 Together AI:付费扩展订阅会堆起来,Together 训出的图像 prompt 不能 1:1 迁到 Midjourney。缓解办法:把逻辑放在 WordPress + Activepieces 里(可迁移),把专有服务当成可替换的水管。
  • 月费叠起来比你想的快。$15/月 WordPress 主机 + $20/月 Webstudio + $19/月 Activepieces 云 + $9/月 Plausible + $10-30/月 Together AI + $30/月 Claude 订阅 = 还没卖出一件东西就已经 $100-130/月。自托管(一台 $20/月 Hetzner VPS 同时跑 Activepieces + n8n + Plausible)能砍掉一半。要像盯一个 freelancer 时薪一样盯月费总额。

常见踩坑(插件冲突 / WP 没更新被黑 / AI 内容 thin / 月费叠加)

  • 插件冲突搞死新站。两个 SEO 插件(Yoast + Rank Math)抢 meta、缓存插件破坏 Webstudio 嵌入、安全插件挡掉 MCP Adapter 的 REST 调用。铁律:一次只装一个插件,每装一个就完整测一遍站,同类型插件绝不并存。
  • WordPress 没更新 → 站被黑。2026 年自动更新不是可选项。开启核心自动更新、可信插件的自动更新,每月跑一次安全扫描。最便宜的「被黑保险」就是一家替你管更新的托管主机。
  • AI 内容被判为 thin、Google 降权。症状:一周发 20 篇 AI 草稿,两周流量飙升,然后断崖。原因:没有原创输入、没有编辑审、没有真正的观点。解法:每一篇 AI 初稿都过一次人工编辑,加上三样里的至少一样 —— 原创数据、真实观点、具体案例 —— 然后再发。Content Marketer agent 写初稿;人按发布键。
  • Webstudio + WordPress 路由的意外。把首页放在 Webstudio、用子域名(home.yourdomain.com)服务,能跑但会把 SEO 权重劈成两半。更好的做法:通过反代把 Webstudio 设计的页放在 WordPress 安装的子目录下;或者用 Webstudio 的 WordPress 发布集成(如果可用)。
  • Activepieces 流无熔断会自循环。一个每订单都回写 WooCommerce 的流可能触发自己进入死循环。加幂等检查(已处理过的订单不再处理)和每个流的日级速率上限。
  • 「no-code」的账单悄悄超过定制开发。四个 SaaS 订阅 + Together AI 图费 + WooCommerce 额外扩展叠起来能冲到 $300-500/月。到那个水平时,请一个 freelancer 用 Next.js + Supabase 给你做一个 $5k 一次性的站,按月算 12 个月就回本。每季度复盘整套栈;不赚钱的砍掉。
安装 · 一行命令
$ tokrepo install pack/wordpress-nocode-ai-stack
丢给 agent,或粘到终端
包内含什么

10 个资产打包就绪

Skill#01
WordPress — The Web Publishing Platform Powering 40% of the Internet

The most widely used open-source content management system for blogs, business sites, e-commerce, and any web presence.

by AI Open Source·152 views
$ tokrepo install wordpress-web-publishing-platform-powering-40-internet-42b8af9a
Skill#02
Webstudio — Open Source Visual Website Builder

Webstudio is an open-source Webflow alternative with a visual drag-and-drop editor, full CSS support, headless CMS integration, and self-hosting on Cloudflare.

by AI Open Source·263 views
$ tokrepo install webstudio-open-source-visual-website-builder-55aaef45
Skill#03
WooCommerce — Open-Source E-Commerce for WordPress

The most widely used open-source e-commerce plugin for WordPress, powering millions of online stores with a vast extension ecosystem.

by Script Depot·105 views
$ tokrepo install woocommerce-open-source-e-commerce-wordpress-7a8c7456
MCP#04
MCP Adapter — Expose WordPress Abilities as MCP

Official WordPress MCP adapter; verified 1,068 stars with HTTP+STDIO transports and a default REST endpoint to expose abilities as tools/resources/prompts.

by MCP Hub·3 views
$ tokrepo install mcp-adapter-expose-wordpress-abilities-as-mcp
Skill#05
Claude Code Agent: Content Marketer

Use this agent when you need to develop comprehensive content strategies, create SEO-optimized marketing content, or execute multi-channel content campaigns to drive engagement...

by TokRepo精选·46 views
$ tokrepo install claude-code-agent-content-marketer-721d23c5
Skill#06
Claude Code Agent: SEO Specialist — Technical SEO Audit

Claude Code agent for technical SEO. Audit meta tags, structured data, Core Web Vitals, crawlability, and content optimization.

by Skill Factory·215 views
$ tokrepo install claude-code-agent-seo-specialist-technical-seo-audit-30f34ba7
Skill#07
Together AI Image Generation Skill for Claude Code

Skill that teaches Claude Code Together AI's image generation API. Covers FLUX and Kontext models for text-to-image, image editing, and style transfer with correct parameters.

by Together AI·128 views
$ tokrepo install together-ai-image-generation-skill-claude-code-84500559
Skill#08
Activepieces — Open-Source AI Workflow Automation

Open-source workflow automation with 400+ integrations and AI agent support. Visual builder, MCP server compatibility, self-hostable alternative to Zapier. 21K+ stars.

by AI Open Source·190 views
$ tokrepo install activepieces-open-source-ai-workflow-automation-13ddf27d
Skill#09
n8n — AI-Native Workflow Automation

Open-source workflow automation with 400+ integrations and built-in AI capabilities. Build AI agents, RAG pipelines, and automation workflows with a visual editor.

by n8n·280 views
$ tokrepo install n8n-ai-native-workflow-automation-b7ec9ae7
Skill#10
Plausible Analytics — Privacy-First Google Analytics Alternative

Plausible is an open-source, cookie-free web analytics tool that provides essential traffic insights while respecting visitor privacy. GDPR/CCPA compliant by design.

by Script Depot·108 views
$ tokrepo install plausible-analytics-privacy-first-google-analytics-55cad36c
常见问题

常见问题

WordPress 还是 Webflow —— 不会代码的人到底该选哪个?

不同的活。WordPress 赢在内容驱动的生意、博客、100+ 页面的站、用 WooCommerce 做电商,以及任何想把数据握在自己手里、不怕厂商转型的人。Webflow 赢在设计驱动的营销站、小作品集,以及甘愿一直付月费换零维护的团队。这个 pack 选 WordPress + Webstudio(开源的 Webflow 替代),让你两头都拿到:WordPress 的内容 + 插件 + WooCommerce 生态,加一个能输出干净 HTML 的可视化构建器。如果你这辈子都不会需要 50+ 页面或电商,单用 Webflow 确实更简单 —— 但只要你需要 CMS、插件或结账,最后还是会重建到 WordPress 上。

AI 写的 WordPress 文章会害我 Google 排名吗?

单独不会。Google 在 2026 年的立场:重要的是内容质量,不是初稿由人还是模型敲出来的。带有清晰观点、原创框架、真实信息的 AI 辅助内容排名正常。会被降权的是:薄的程序化生成内容、几百页堆同一关键词的近似 AI 重复页面、没有任何编辑投入的文章。Content Marketer agent 干的是初稿,你的编辑判断才是护城河。每一份 AI 初稿都过一次人工通过,至少加上三样里的一样:原创数据、真实观点、具体案例。每月跑一次 SEO Specialist agent,让你比 Google 先发现问题。

n8n 自托管 vs Zapier 或 Activepieces 云 —— 1-3 人的小生意应该选哪个?

先从 Activepieces 云(或 Zapier 免费版)开始。1-3 人的生意里,你折腾一台 VPS 装自托管 n8n 的那点时间,比 $19/月 订阅费值钱得多。三件事发生时再迁到自托管 n8n:(1)Zapier / Activepieces 账单超过 $50/月而且还在涨,(2)需要 Activepieces 表达不清楚的分支逻辑,(3)正在处理客户数据、希望把它放在自己控制的基础设施上。一台 $20/月 的 Hetzner VPS 上的自托管 n8n 每天能跑几千次执行。从 Activepieces 流迁到 n8n 流,每个重要流大概一天搞定。

不是程序员的话,WordPress 站怎么真正做安全?

五条不可妥协的、按优先级排好:(1)用托管 WordPress 主机(Hostinger、Cloudways、Kinsta、WP Engine)帮你管核心 + 插件自动更新和每日备份 —— 单这一条就消除 80% 的风险。(2)强密码 + 两步验证,admin 账号无例外。(3)装一个安全插件(Wordfence 或 Solid Security),开启登录尝试限制 + 恶意软件扫描。(4)每季度审一遍插件:删掉不再用的、替换掉 12 个月没更新的。(5)每季度做一次备份恢复演练 —— 把备份还原到 staging 站,确认它真的能用。这个 pack 里的 WordPress MCP Adapter 走 REST + 鉴权,所以要锁好它使用的 application password,并且每 90 天轮换一次。

真的能完全 no-code 把一个网站上线吗?

95% 的小生意站,能 —— 这个 pack 就是证明。WordPress 装好 + Webstudio 页面 + WooCommerce 结账 + Activepieces 流 + Plausible 分析,从域名到真实收入,零 JavaScript。剩下 5% 还是要代码:一个紧定制的 WooCommerce 结账流程、和一个小众内部 CRM 的集成、一个精确还原品牌的自定义主题。这些活找一个 WordPress freelancer 一次性做掉(通常 $500-3000)—— 不要试图用 no-code 拗一个永远不太对的半成品和你斗一辈子。诚实的判断标准:如果你的需求是成千上万其他小生意也有的,no-code 赢;如果你的需求真的独一无二,代码赢。

更多主题包

12 个主题包 · 80+ 精选资产

回首页浏览全部精选合集

返回主题包总览