wp-next
无需PHP，用TypeScript/React构建和可视化编辑WordPress站点的工具包。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：wp-next。 它的用途是：无需PHP，用TypeScript/React构建和可视化编辑WordPress站点的工具包。 完整的 Skill 内容见：https://321skill.com/skills/wp-next/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“我正在为一个客户用WordPress建站，但不想写PHP，想用React和TypeScript来开发前端，并且希望有个可视化编辑器让客户自己能调整页面。”，它会推荐你使用WP-Next，并指导你通过`npx @rnaga/wp-next-cli -- initEditor`快速初始化项目，连接现有WordPress数据库，即可开始拖拽式开发和内容管理。
介绍
WP-Next 解决了传统WordPress开发依赖PHP、主题定制复杂、与现代前端技术栈脱节的问题。它提供了一个基于TypeScript和Next.js的完整解决方案，让开发者能用熟悉的React技术栈，通过拖拽式画布和动态数据绑定，高效构建和管理WordPress站点。
使用方式非常灵活。你可以通过官方CLI工具一键初始化，选择安装包含可视化编辑器和React管理后台的完整套件，也可以仅安装独立的管理后台。项目运行后，你可以在画布上直接拖拽组件、绑定WordPress数据（如文章、用户），并实时预览效果，所有模板以结构化JSON存储，便于版本控制和AI处理。
它特别适合希望摆脱PHP束缚、追求现代开发体验的前端/全栈开发者，以及需要为WordPress站点构建定制化、高性能前端界面的团队。对于产品经理或内容运营人员，其直观的编辑界面也降低了内容排版和页面设计的门槛。
需要注意的是，WP-Next并非一个WordPress插件，而是一个独立的前端应用，它需要连接到一个现成的WordPress数据库。因此，在开始使用前，你需要确保有一个可用的WordPress实例（或至少其数据库）。建议从Docker演示容器开始体验，快速了解其全部能力。
核心特点
核心区别在于将WordPress完全“前端化”：提供纯TypeScript/React的拖拽式可视化编辑器，可直接操作和绑定WordPress数据库内容，无需编写PHP代码或自定义API；同时，其模板以结构化Lexical JSON存储，天生支持AI生成和程序化处理，这是传统WordPress主题或页面构建器所不具备的。
注意事项
不适合没有WordPress数据库或希望完全在WordPress原生PHP环境中进行开发的场景。
常见问题
WP-Next需要安装WordPress吗？
需要。WP-Next本身是一个前端应用，但它必须连接到一个已存在的WordPress数据库才能获取和操作数据。
WP-Next Editor和Admin可以分开用吗？
可以。Editor包含Admin，但也可以仅通过CLI安装独立的Admin后台，用于数据管理而不使用可视化编辑功能。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/wp-next/raw/index.md 读取 wp-next 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/wp-next/raw/index.md（查看排版版本）