claude-elementor-kit
让Claude AI直接在WordPress Elementor中构建页面，实现设计到部署的无缝衔接。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：claude-elementor-kit。 它的用途是：让Claude AI直接在WordPress Elementor中构建页面，实现设计到部署的无缝衔接。 完整的 Skill 内容见：https://321skill.com/skills/claude-elementor-kit/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“在我的WordPress站点首页，创建一个英雄区域，标题用‘智能建站新时代’，副标题用‘AI驱动，分钟级部署’，背景用渐变色，并添加一个‘立即体验’的按钮。”，它会理解您的指令，通过MCP服务器直接登录您的WordPress后台，在Elementor编辑器中找到首页，创建相应的版块，配置标题和按钮小部件的所有样式属性，并实时应用您描述的设计。
介绍
这个Skill解决了网页设计师和开发者需要手动将AI生成的设计稿重建到WordPress中的痛点。它通过一个MCP服务器，让Claude AI能够直接与您的WordPress站点通信，理解Elementor的组件和结构，从而将您在Claude Code中设计好的页面元素（如版块、小部件、颜色、字体）直接放置并应用到Elementor编辑器中。
使用流程分为两步：首先，运行安装脚本（支持Windows、Mac、Linux）来配置MCP服务器并连接您的WordPress站点；然后，在Claude Code中，您就可以直接向Claude描述页面设计，它会根据内置的详细指南（SKILL.md）自动在您的Elementor站点上进行构建，实现所见即所得的实时编辑。
该Skill非常适合希望利用AI加速WordPress网站开发流程的前端开发者、全栈开发者和内容创作者，特别是那些频繁使用Elementor进行建站，并希望减少重复性手动编码和布局工作的人员。
使用前请确保您已准备好Claude Code、一个WordPress站点（本地或线上）及其管理员应用密码。对于本地开发，推荐使用Local by Flywheel。安装脚本会自动处理大部分插件配置，但请确保您的网络环境允许访问WordPress后台API。
核心特点
与仅生成代码片段的通用AI技能不同，此Skill深度集成了Elementor的特定API和内部结构，通过一份详尽的“操作指南”（SKILL.md）教导Claude如何正确使用Elementor的各种小部件和参数，避免了AI因不了解CMS细节而产生的无效或错误操作，实现了从设计描述到可发布页面的端到端自动化构建。
注意事项
该Skill高度依赖Elementor页面构建器，不适用于使用其他建站工具（如Gutenberg、Divi）或需要深度自定义PHP主题开发的WordPress项目。
常见问题
我需要购买Elementor Pro吗？
不需要，该Skill基于Elementor免费版和Hello Elementor主题即可工作，但部分高级功能（如主题生成器）需要Pro。
它支持线上的WordPress主机吗？
支持，只要您能创建应用密码并安装必要的免费插件（脚本可协助），即可连接线上主机。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/claude-elementor-kit/raw/index.md 读取 claude-elementor-kit 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/claude-elementor-kit/raw/index.md（查看排版版本）