Agent Skills
› Automattic/studio
Automattic/studio
GitHub允许用户在浏览器中点击网页元素进行视觉标注，Agent 读取反馈后自动修复样式或内容变更。
Install All Skills
npx skills add Automattic/studio --all -g -y
Skills in Collection (34)
允许用户在浏览器中点击网页元素进行视觉标注，Agent 读取反馈后自动修复样式或内容变更。
用户希望直观地指出并修改网站特定元素的样式或内容
需要通过可视化方式收集前端界面调整意见
npx skills add Automattic/studio --skill annotate -g -y
用于编写和编辑WordPress块标记，规范核心块使用、布局规则、样式及验证。
编写页面或帖子内容
编辑模板或区块模式
生成WordPress块标记
npx skills add Automattic/studio --skill block-content -g -y
根据WordPress.com官方API实时查询主机计划、定价及功能解锁情况，严禁凭记忆回答。用于解答用户关于套餐升级、费用及特定功能支持的咨询，确保信息准确且已本地化。
询问WordPress.com计划详情
查询套餐价格
确认某功能所属层级
咨询升级建议
npx skills add Automattic/studio --skill hosting-plans-helper -g -y
将Wix、Shopify等封闭平台网站迁移至Studio WordPress。通过调用数据解放引擎，提取内容并重构为可编辑区块或高保真主题，实现无缝导入与设计重建。
用户希望从Wix、Squarespace等平台迁移网站
用户需要导入和重建封闭平台的网站
npx skills add Automattic/studio --skill liberate -g -y
对WordPress网站运行性能审计，测量Core Web Vitals和页面构成，并基于指标提供具体的优化建议。
用户需要评估WordPress网站的前端性能
用户希望获取针对加载速度或资源大小的优化方案
npx skills add Automattic/studio --skill need-for-speed -g -y
指导在WordPress中为特定功能（如电商、表单、课程等）推荐并集成首选插件，避免手写HTML，确保内容可编辑。
用户请求实现核心块不支持的功能
涉及电商、表单、课程、投票或社交分享需求
npx skills add Automattic/studio --skill plugin-recommendations -g -y
对WordPress站点进行SEO审计，识别元标签缺失、结构化数据等问题，优先检查现有插件配置，提供按优先级排序的具体修复建议。
用户需要对WordPress网站进行SEO优化或提升搜索排名
用户报告网站搜索引擎可见度低或存在SEO问题
npx skills add Automattic/studio --skill rank-me-up -g -y
在创建WordPress站点前，通过交互收集站点名称和布局偏好，生成包含功能及插件建议的站点规格说明，指导后续设计与开发工作。
用户请求创建新的WordPress网站
需要确定新站点的业务名称或页面结构
npx skills add Automattic/studio --skill site-spec -g -y
WordPress分类体系优化工具，分析站点数据并建议合并、归档或新建分类，重新归类文章。支持安全预览与备份，确保变更可逆。
用户希望清理或优化WordPress网站的文章分类结构
需要合并重复分类或修复死分类时
npx skills add Automattic/studio --skill taxonomist -g -y
用于规划并执行网站创建、重设计及视觉优化的技能，涵盖方向制定、排版、色彩、动效及代码实现。
需要设计网站或落地页的视觉风格
进行布局、排版或色彩系统的重构
需要添加动画或提升视觉精致度
npx skills add Automattic/studio --skill visual-design -g -y
用于验证和润色已构建或重设计的网站，通过截图与DOM检查诊断渲染问题，并批量修复视觉缺陷，确保各页面（含WooCommerce）与设计意图一致。
网站构建或重新设计后
需要验证前端页面视觉效果
修复CSS样式或布局不一致
npx skills add Automattic/studio --skill visual-polish -g -y
管理远程WordPress.com站点，通过wpcom_request调用REST API进行内容、模板、主题及插件的增删改查与配置操作。
需要修改WordPress.com站点的文章内容或页面
需要安装、激活或配置WordPress插件和主题
需要获取或更新站点设置、媒体文件或模板
npx skills add Automattic/studio --skill wpcom-remote-management -g -y
指导为不支持的内容平台构建新的提取适配器，通过检测、发现页面和提取内容，使其接入现有提取管道。
需要支持新的内容平台
构建新的数据提取适配器
npx skills add Automattic/studio --skill adapt -g -y
提供从零开始创建WordPress区块的模板和指南，规范文件生成、命名及交互实现，确保区块正确注册与前后端行为一致。
创建新的WordPress区块
生成区块相关文件
npx skills add Automattic/studio --skill creating-blocks -g -y
指导从零创建 WordPress 块主题，涵盖首页设计、模板结构、模式生成及 theme.json 配置等规范。
从零开始创建新的 WordPress 主题
需要遵循特定规则生成 FSE 兼容的主题文件
npx skills add Automattic/studio --skill creating-themes -g -y
基于HTML/CSS分析数据构建语义化设计基础JSON，连接原始观察与主题生成，支持证据追踪。
需要构建或完善设计基础规范
从站点提取颜色、排版和间距等设计令牌
npx skills add Automattic/studio --skill design-foundations -g -y
用于排查数据提取失败或质量低下的诊断技能。通过分析日志、探测源站，识别超时、反爬等根因并提供修复方案。
提取任务大量页面失败
提取内容质量低下
提取过程挂起或崩溃
用户报告导入后内容缺失
npx skills add Automattic/studio --skill diagnose -g -y
用于修改现有WordPress代码块的指南，指导在已有文件基础上进行最小化、精准修改，涵盖结构理解、工具选择及前后端验证。
需要修改现有的WordPress块文件
需要在已有块中更新属性或添加交互功能
npx skills add Automattic/studio --skill editing-blocks -g -y
用于修改现有WordPress区块主题的指南，强调最小化变更、遵循设计规范及参考文件，禁止随意重写核心文件或更改主题定位。
用户要求修改现有的WordPress主题文件
需要调整主题的颜色、排版或模板结构
npx skills add Automattic/studio --skill editing-themes -g -y
用于生成WordPress主题区块模式的指南，提供页面构建器内容映射及严格的源文本复用规则。
创建WordPress主题区块模式
处理页面构建器生成的div-soup标记
npx skills add Automattic/studio --skill generating-patterns -g -y
网站迁移技能，为/liberate命令的别名。用于将外部URL或本地HTML目录转换为WordPress站点，自动执行发现、提取和重建流程。
用户请求迁移网站到WordPress
使用/migrate命令处理URL或本地目录
npx skills add Automattic/studio --skill migrate -g -y
分析本地静态站点的JS数据或HTML卡片，生成data-model.json以迁移至WordPress原生查询和发布系统。
源站点使用JavaScript数组渲染内容网格
源站点包含重复的静态HTML内容卡片
npx skills add Automattic/studio --skill model-local-data -g -y
用于内容迁移的QA技能，通过逐页比对WXR文件与源站页面，检查文本、标题、图片和链接的完整性。发现缺失时自动修复或重新提取，并生成健康评分和结构化报告。
qa
check extraction
compare content
verify extraction quality
npx skills add Automattic/studio --skill qa -g -y
将设计稿中的分歧区块重建为原生WordPress核心块，确保视觉与内容一致。
R1-R3修复失败后需重建区块
需要将HTML或截图还原为可编辑的WP核心块
npx skills add Automattic/studio --skill rebuild-section -g -y
用于检查JavaScript文件语法错误的技能，通过Node.js验证代码合法性并修复基础语法问题。
用户请求检查JS文件语法
需要验证项目内JavaScript文件是否存在语法错误
npx skills add Automattic/studio --skill testing-js -g -y
用于检测 PHP 文件语法错误的技能。通过查找项目中的 PHP 文件并运行 php -l 进行检查，仅修复语法问题，不改动业务逻辑，最多尝试3次修复循环，最后报告通过或失败结果。
需要验证 PHP 代码是否存在语法错误
在提交或合并前进行代码质量检查
npx skills add Automattic/studio --skill testing-php -g -y
指导使用 wp-now 在运行时验证 WordPress 插件或主题，包括确定项目模式、启动服务、检查 PHP 错误日志及 HTTP 响应，最后清理环境并报告测试结果。
需要验证 WordPress 插件或主题在运行时的加载情况
执行 WordPress 项目的运行时兼容性测试
npx skills add Automattic/studio --skill testing-wp-runtime -g -y
管理本地 WordPress 站点，支持创建、启停、配置及状态检查。用于本地开发环境运维、故障排查及自动化脚本集成，提升本地建站效率。
需要创建或初始化本地 WordPress 站点
需要查看或修改本地站点配置和状态
需要启动、停止或删除本地开发站点
npx skills add Automattic/studio --skill studio-cli -g -y
将单页WordPress渲染HTML和截图转换为符合设计规范的块编辑器标记，确保文本一致性、主题令牌应用及核心块结构正确。
需要为特定URL生成WordPress post_content块标记时
流式处理循环中提取了HTML和截图后需升级内容格式时
npx skills add Automattic/studio --skill compose-page-blocks -g -y
用于主题复制后的视觉QA循环，通过截图对比、响应式及无障碍检查，驱动自动化修复或人工升级，确保副本与源站视觉一致。
主题复制和内容导入完成后
需要验证视觉一致性时
npx skills add Automattic/studio --skill design-qa -g -y
通过两阶段流程实现页面视觉与设计稿的一致性：先批量测量差异，再针对偏离区域迭代修复并记录语义日志，支持断点续跑。
需要验证前端页面是否与源截图像素级一致
修复页面特定区块的样式或布局偏差
npx skills add Automattic/studio --skill match-page -g -y
通过AI视觉对比循环，将WordPress区块标记调整为与源站点设计完全一致，确保颜色、间距等视觉细节的精准还原。
需要修复页面特定区块的视觉偏差
执行match-page流程中的单节匹配任务
npx skills add Automattic/studio --skill match-section -g -y
将捕获的网页源文件近乎原样重建为WordPress主题，通过携带HTML并作用域化CSS实现高视觉还原度，生成非区块可编辑但保真度高的站点。
用户选择主题复制功能
要求保留HTML结构
要求作用域化源CSS
/liberate命令后的重建阶段
npx skills add Automattic/studio --skill replicate-theme -g -y
基于规范驱动的全站区块主题重建技能，将提取的站点重构为响应式可编辑的WordPress区块主题，确保布局与视觉设计的高度还原。
用户要求重建网站或复制设计
生成匹配源站布局的WordPress主题
对已提取的站点重新进行主题化
npx skills add Automattic/studio --skill replicate-with-blocks -g -y
