[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill-automattic-auditing":3,"mdc-lb0csa-key":36,"related-repo-automattic-auditing":771,"related-org-automattic-auditing":857},{"slug":4,"name":4,"fn":5,"description":6,"org":7,"tags":11,"stars":25,"repoUrl":26,"updatedAt":27,"license":28,"forks":29,"topics":30,"repo":31,"sourceUrl":34,"mdContent":35},"auditing","audit WordPress sites for performance and accessibility","Audit a Studio-backed WordPress site for performance, accessibility, and visible frontend quality issues, then recommend or validate improvements.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},"automattic","Automattic","https:\u002F\u002Fpexgzepcugksgbtrxkhf.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Forg-logos\u002Fautomattic.png",[12,16,19,22],{"name":13,"slug":14,"type":15},"Performance","performance","tag",{"name":17,"slug":18,"type":15},"Accessibility","accessibility",{"name":20,"slug":21,"type":15},"Audit","audit",{"name":23,"slug":24,"type":15},"WordPress","wordpress",7,"https:\u002F\u002Fgithub.com\u002FAutomattic\u002Fbuild-with-wordpress","2026-04-06T18:03:27.759352",null,1,[],{"repoUrl":26,"stars":25,"forks":29,"topics":32,"description":33},[],"Build and manage WordPress websites and applications on your chosen AI surface. ","https:\u002F\u002Fgithub.com\u002FAutomattic\u002Fbuild-with-wordpress\u002Ftree\u002FHEAD\u002Fskills\u002Fauditing","---\nname: auditing\ndescription: Audit a Studio-backed WordPress site for performance, accessibility, and visible frontend quality issues, then recommend or validate improvements.\n---\n\n# Auditing\n\nUse this skill when the user wants to review, optimize, or verify an existing WordPress site rather than primarily build new functionality.\n\n## Ownership\n\nThis skill owns:\n\n- performance audits using Studio MCP tools\n- accessibility-focused review of color, contrast, motion, and readability\n- visible frontend quality review when the user asks for QA or polish\n- before-and-after audit comparison after fixes\n\nUse `studio` for site resolution, screenshots, and MCP tool usage details.\n\n## Principle\n\nStart with the smallest audit that answers the user's request.\n\n- If the user asks about speed, Core Web Vitals, or performance, prioritize the performance workflow.\n- If the user asks about accessibility, contrast, readability, or color usage, prioritize the accessibility workflow.\n- If the user asks for a general review, combine the relevant sections and keep the report practical.\n\nDo not invent automated checks that the available tools do not provide. When a conclusion comes from visual inspection or code reading rather than a dedicated tool, say so.\n\n## Workflow\n\n### 1. Resolve the target site\n\nUse `studio` to:\n\n- identify the site\n- ensure it is running\n- confirm the page or URL path to review\n\nIf the user did not specify a page, default to `\u002F`.\n\n### 2. Pick the audit scope\n\nChoose one or more of:\n\n- Performance Audit\n- Accessibility Review\n- Visual QA\n\nTell the user which scope you are using when it is not obvious from the request.\n\nOnce you begin the actual audit workflow, call `record_workflow_event` with `workflow: \"auditing\"` and `stage: \"started\"`.\n\n### 3. Performance Audit\n\nUse `need_for_speed` for the requested path.\n\nInterpret at least:\n\n- TTFB\n- FCP\n- LCP\n- CLS\n- total page weight\n- request count\n- DOM size\n- JS, CSS, image, and font breakdown\n\nUse these baseline thresholds:\n\n| Metric | Good | Needs Improvement | Poor |\n|-------|------|-------------------|------|\n| TTFB | \u003C 800 ms | 800-1800 ms | > 1800 ms |\n| FCP | \u003C 1800 ms | 1800-3000 ms | > 3000 ms |\n| LCP | \u003C 2500 ms | 2500-4000 ms | > 4000 ms |\n| CLS | \u003C 0.1 | 0.1-0.25 | > 0.25 |\n\nUse these page-composition warning signs:\n\n- DOM elements above 1500\n- total page weight above 3 MB\n- total requests above 80\n- scripts above 20 files or 500 KB total\n- stylesheets above 10 files or 200 KB total\n\nTranslate findings into WordPress-specific actions where possible, such as:\n\n- reducing or replacing heavy plugins\n- deferring or removing non-critical JS\n- reducing oversized images\n- trimming unused theme CSS\n- checking duplicate font loads\n- simplifying wrapper-heavy block layouts\n\n### 4. Accessibility Review\n\nUse `take_screenshot` plus theme or plugin code inspection as needed.\n\nFocus on issues this repo can realistically help with:\n\n- low text\u002Fbackground contrast\n- weak CTA contrast or ambiguous button states\n- missing or unclear hover and focus states\n- motion that should respect `prefers-reduced-motion`\n- readability issues caused by font size, line height, or dense layouts\n- color choices that make important information hard to distinguish\n\nWhen the issue is visual, prefer `take_screenshot`-backed observations. Use `inspect_design` when the rendered DOM or computed styles would identify the root cause faster than code inspection.\n\nWhen the issue appears structural, inspect the relevant theme or plugin files before recommending a fix.\n\n### 5. Visual QA\n\nWhen the user wants a broader quality pass, use `take_screenshot` to check:\n\n- spacing and alignment\n- responsive layout issues\n- broken visual hierarchy\n- inconsistent component styling\n- awkward cropping or media balance\n\nKeep this section focused on visible problems that materially affect the site.\n\n### 6. Report clearly\n\nSummarize:\n\n- what you audited\n- the most important findings\n- the likely causes\n- the highest-value next fixes\n\nPrefer a short prioritized report over a long exhaustive list.\n\n### 7. Re-test after changes\n\nIf fixes are made during the same task, re-run the relevant audit steps and compare before versus after.\n\nCall out what improved, what did not, and any remaining tradeoffs.\n\nWhen the audit workflow is complete, call `record_workflow_event` with `workflow: \"auditing\"` and `stage: \"completed\"`.\n\n## Important notes\n\n- `need_for_speed` results are synthetic measurements from a local Studio environment. Use them primarily for diagnosis and before-versus-after comparison, not as production truth.\n- Accessibility observations in this workflow are often based on visual review and code inspection rather than a dedicated automated accessibility scanner.\n- When performance, accessibility, and design issues conflict, explain the tradeoff instead of over-optimizing one dimension silently.\n",{"data":37,"body":38},{"name":4,"description":6},{"type":39,"children":40},"root",[41,49,55,62,67,92,106,112,117,135,140,146,153,164,182,195,201,206,224,229,257,263,275,280,323,328,454,459,487,492,525,531,543,548,587,607,612,618,630,658,663,669,674,697,702,708,713,718,742,748],{"type":42,"tag":43,"props":44,"children":45},"element","h1",{"id":4},[46],{"type":47,"value":48},"text","Auditing",{"type":42,"tag":50,"props":51,"children":52},"p",{},[53],{"type":47,"value":54},"Use this skill when the user wants to review, optimize, or verify an existing WordPress site rather than primarily build new functionality.",{"type":42,"tag":56,"props":57,"children":59},"h2",{"id":58},"ownership",[60],{"type":47,"value":61},"Ownership",{"type":42,"tag":50,"props":63,"children":64},{},[65],{"type":47,"value":66},"This skill owns:",{"type":42,"tag":68,"props":69,"children":70},"ul",{},[71,77,82,87],{"type":42,"tag":72,"props":73,"children":74},"li",{},[75],{"type":47,"value":76},"performance audits using Studio MCP tools",{"type":42,"tag":72,"props":78,"children":79},{},[80],{"type":47,"value":81},"accessibility-focused review of color, contrast, motion, and readability",{"type":42,"tag":72,"props":83,"children":84},{},[85],{"type":47,"value":86},"visible frontend quality review when the user asks for QA or polish",{"type":42,"tag":72,"props":88,"children":89},{},[90],{"type":47,"value":91},"before-and-after audit comparison after fixes",{"type":42,"tag":50,"props":93,"children":94},{},[95,97,104],{"type":47,"value":96},"Use ",{"type":42,"tag":98,"props":99,"children":101},"code",{"className":100},[],[102],{"type":47,"value":103},"studio",{"type":47,"value":105}," for site resolution, screenshots, and MCP tool usage details.",{"type":42,"tag":56,"props":107,"children":109},{"id":108},"principle",[110],{"type":47,"value":111},"Principle",{"type":42,"tag":50,"props":113,"children":114},{},[115],{"type":47,"value":116},"Start with the smallest audit that answers the user's request.",{"type":42,"tag":68,"props":118,"children":119},{},[120,125,130],{"type":42,"tag":72,"props":121,"children":122},{},[123],{"type":47,"value":124},"If the user asks about speed, Core Web Vitals, or performance, prioritize the performance workflow.",{"type":42,"tag":72,"props":126,"children":127},{},[128],{"type":47,"value":129},"If the user asks about accessibility, contrast, readability, or color usage, prioritize the accessibility workflow.",{"type":42,"tag":72,"props":131,"children":132},{},[133],{"type":47,"value":134},"If the user asks for a general review, combine the relevant sections and keep the report practical.",{"type":42,"tag":50,"props":136,"children":137},{},[138],{"type":47,"value":139},"Do not invent automated checks that the available tools do not provide. When a conclusion comes from visual inspection or code reading rather than a dedicated tool, say so.",{"type":42,"tag":56,"props":141,"children":143},{"id":142},"workflow",[144],{"type":47,"value":145},"Workflow",{"type":42,"tag":147,"props":148,"children":150},"h3",{"id":149},"_1-resolve-the-target-site",[151],{"type":47,"value":152},"1. Resolve the target site",{"type":42,"tag":50,"props":154,"children":155},{},[156,157,162],{"type":47,"value":96},{"type":42,"tag":98,"props":158,"children":160},{"className":159},[],[161],{"type":47,"value":103},{"type":47,"value":163}," to:",{"type":42,"tag":68,"props":165,"children":166},{},[167,172,177],{"type":42,"tag":72,"props":168,"children":169},{},[170],{"type":47,"value":171},"identify the site",{"type":42,"tag":72,"props":173,"children":174},{},[175],{"type":47,"value":176},"ensure it is running",{"type":42,"tag":72,"props":178,"children":179},{},[180],{"type":47,"value":181},"confirm the page or URL path to review",{"type":42,"tag":50,"props":183,"children":184},{},[185,187,193],{"type":47,"value":186},"If the user did not specify a page, default to ",{"type":42,"tag":98,"props":188,"children":190},{"className":189},[],[191],{"type":47,"value":192},"\u002F",{"type":47,"value":194},".",{"type":42,"tag":147,"props":196,"children":198},{"id":197},"_2-pick-the-audit-scope",[199],{"type":47,"value":200},"2. Pick the audit scope",{"type":42,"tag":50,"props":202,"children":203},{},[204],{"type":47,"value":205},"Choose one or more of:",{"type":42,"tag":68,"props":207,"children":208},{},[209,214,219],{"type":42,"tag":72,"props":210,"children":211},{},[212],{"type":47,"value":213},"Performance Audit",{"type":42,"tag":72,"props":215,"children":216},{},[217],{"type":47,"value":218},"Accessibility Review",{"type":42,"tag":72,"props":220,"children":221},{},[222],{"type":47,"value":223},"Visual QA",{"type":42,"tag":50,"props":225,"children":226},{},[227],{"type":47,"value":228},"Tell the user which scope you are using when it is not obvious from the request.",{"type":42,"tag":50,"props":230,"children":231},{},[232,234,240,242,248,250,256],{"type":47,"value":233},"Once you begin the actual audit workflow, call ",{"type":42,"tag":98,"props":235,"children":237},{"className":236},[],[238],{"type":47,"value":239},"record_workflow_event",{"type":47,"value":241}," with ",{"type":42,"tag":98,"props":243,"children":245},{"className":244},[],[246],{"type":47,"value":247},"workflow: \"auditing\"",{"type":47,"value":249}," and ",{"type":42,"tag":98,"props":251,"children":253},{"className":252},[],[254],{"type":47,"value":255},"stage: \"started\"",{"type":47,"value":194},{"type":42,"tag":147,"props":258,"children":260},{"id":259},"_3-performance-audit",[261],{"type":47,"value":262},"3. Performance Audit",{"type":42,"tag":50,"props":264,"children":265},{},[266,267,273],{"type":47,"value":96},{"type":42,"tag":98,"props":268,"children":270},{"className":269},[],[271],{"type":47,"value":272},"need_for_speed",{"type":47,"value":274}," for the requested path.",{"type":42,"tag":50,"props":276,"children":277},{},[278],{"type":47,"value":279},"Interpret at least:",{"type":42,"tag":68,"props":281,"children":282},{},[283,288,293,298,303,308,313,318],{"type":42,"tag":72,"props":284,"children":285},{},[286],{"type":47,"value":287},"TTFB",{"type":42,"tag":72,"props":289,"children":290},{},[291],{"type":47,"value":292},"FCP",{"type":42,"tag":72,"props":294,"children":295},{},[296],{"type":47,"value":297},"LCP",{"type":42,"tag":72,"props":299,"children":300},{},[301],{"type":47,"value":302},"CLS",{"type":42,"tag":72,"props":304,"children":305},{},[306],{"type":47,"value":307},"total page weight",{"type":42,"tag":72,"props":309,"children":310},{},[311],{"type":47,"value":312},"request count",{"type":42,"tag":72,"props":314,"children":315},{},[316],{"type":47,"value":317},"DOM size",{"type":42,"tag":72,"props":319,"children":320},{},[321],{"type":47,"value":322},"JS, CSS, image, and font breakdown",{"type":42,"tag":50,"props":324,"children":325},{},[326],{"type":47,"value":327},"Use these baseline thresholds:",{"type":42,"tag":329,"props":330,"children":331},"table",{},[332,361],{"type":42,"tag":333,"props":334,"children":335},"thead",{},[336],{"type":42,"tag":337,"props":338,"children":339},"tr",{},[340,346,351,356],{"type":42,"tag":341,"props":342,"children":343},"th",{},[344],{"type":47,"value":345},"Metric",{"type":42,"tag":341,"props":347,"children":348},{},[349],{"type":47,"value":350},"Good",{"type":42,"tag":341,"props":352,"children":353},{},[354],{"type":47,"value":355},"Needs Improvement",{"type":42,"tag":341,"props":357,"children":358},{},[359],{"type":47,"value":360},"Poor",{"type":42,"tag":362,"props":363,"children":364},"tbody",{},[365,388,410,432],{"type":42,"tag":337,"props":366,"children":367},{},[368,373,378,383],{"type":42,"tag":369,"props":370,"children":371},"td",{},[372],{"type":47,"value":287},{"type":42,"tag":369,"props":374,"children":375},{},[376],{"type":47,"value":377},"\u003C 800 ms",{"type":42,"tag":369,"props":379,"children":380},{},[381],{"type":47,"value":382},"800-1800 ms",{"type":42,"tag":369,"props":384,"children":385},{},[386],{"type":47,"value":387},"> 1800 ms",{"type":42,"tag":337,"props":389,"children":390},{},[391,395,400,405],{"type":42,"tag":369,"props":392,"children":393},{},[394],{"type":47,"value":292},{"type":42,"tag":369,"props":396,"children":397},{},[398],{"type":47,"value":399},"\u003C 1800 ms",{"type":42,"tag":369,"props":401,"children":402},{},[403],{"type":47,"value":404},"1800-3000 ms",{"type":42,"tag":369,"props":406,"children":407},{},[408],{"type":47,"value":409},"> 3000 ms",{"type":42,"tag":337,"props":411,"children":412},{},[413,417,422,427],{"type":42,"tag":369,"props":414,"children":415},{},[416],{"type":47,"value":297},{"type":42,"tag":369,"props":418,"children":419},{},[420],{"type":47,"value":421},"\u003C 2500 ms",{"type":42,"tag":369,"props":423,"children":424},{},[425],{"type":47,"value":426},"2500-4000 ms",{"type":42,"tag":369,"props":428,"children":429},{},[430],{"type":47,"value":431},"> 4000 ms",{"type":42,"tag":337,"props":433,"children":434},{},[435,439,444,449],{"type":42,"tag":369,"props":436,"children":437},{},[438],{"type":47,"value":302},{"type":42,"tag":369,"props":440,"children":441},{},[442],{"type":47,"value":443},"\u003C 0.1",{"type":42,"tag":369,"props":445,"children":446},{},[447],{"type":47,"value":448},"0.1-0.25",{"type":42,"tag":369,"props":450,"children":451},{},[452],{"type":47,"value":453},"> 0.25",{"type":42,"tag":50,"props":455,"children":456},{},[457],{"type":47,"value":458},"Use these page-composition warning signs:",{"type":42,"tag":68,"props":460,"children":461},{},[462,467,472,477,482],{"type":42,"tag":72,"props":463,"children":464},{},[465],{"type":47,"value":466},"DOM elements above 1500",{"type":42,"tag":72,"props":468,"children":469},{},[470],{"type":47,"value":471},"total page weight above 3 MB",{"type":42,"tag":72,"props":473,"children":474},{},[475],{"type":47,"value":476},"total requests above 80",{"type":42,"tag":72,"props":478,"children":479},{},[480],{"type":47,"value":481},"scripts above 20 files or 500 KB total",{"type":42,"tag":72,"props":483,"children":484},{},[485],{"type":47,"value":486},"stylesheets above 10 files or 200 KB total",{"type":42,"tag":50,"props":488,"children":489},{},[490],{"type":47,"value":491},"Translate findings into WordPress-specific actions where possible, such as:",{"type":42,"tag":68,"props":493,"children":494},{},[495,500,505,510,515,520],{"type":42,"tag":72,"props":496,"children":497},{},[498],{"type":47,"value":499},"reducing or replacing heavy plugins",{"type":42,"tag":72,"props":501,"children":502},{},[503],{"type":47,"value":504},"deferring or removing non-critical JS",{"type":42,"tag":72,"props":506,"children":507},{},[508],{"type":47,"value":509},"reducing oversized images",{"type":42,"tag":72,"props":511,"children":512},{},[513],{"type":47,"value":514},"trimming unused theme CSS",{"type":42,"tag":72,"props":516,"children":517},{},[518],{"type":47,"value":519},"checking duplicate font loads",{"type":42,"tag":72,"props":521,"children":522},{},[523],{"type":47,"value":524},"simplifying wrapper-heavy block layouts",{"type":42,"tag":147,"props":526,"children":528},{"id":527},"_4-accessibility-review",[529],{"type":47,"value":530},"4. Accessibility Review",{"type":42,"tag":50,"props":532,"children":533},{},[534,535,541],{"type":47,"value":96},{"type":42,"tag":98,"props":536,"children":538},{"className":537},[],[539],{"type":47,"value":540},"take_screenshot",{"type":47,"value":542}," plus theme or plugin code inspection as needed.",{"type":42,"tag":50,"props":544,"children":545},{},[546],{"type":47,"value":547},"Focus on issues this repo can realistically help with:",{"type":42,"tag":68,"props":549,"children":550},{},[551,556,561,566,577,582],{"type":42,"tag":72,"props":552,"children":553},{},[554],{"type":47,"value":555},"low text\u002Fbackground contrast",{"type":42,"tag":72,"props":557,"children":558},{},[559],{"type":47,"value":560},"weak CTA contrast or ambiguous button states",{"type":42,"tag":72,"props":562,"children":563},{},[564],{"type":47,"value":565},"missing or unclear hover and focus states",{"type":42,"tag":72,"props":567,"children":568},{},[569,571],{"type":47,"value":570},"motion that should respect ",{"type":42,"tag":98,"props":572,"children":574},{"className":573},[],[575],{"type":47,"value":576},"prefers-reduced-motion",{"type":42,"tag":72,"props":578,"children":579},{},[580],{"type":47,"value":581},"readability issues caused by font size, line height, or dense layouts",{"type":42,"tag":72,"props":583,"children":584},{},[585],{"type":47,"value":586},"color choices that make important information hard to distinguish",{"type":42,"tag":50,"props":588,"children":589},{},[590,592,597,599,605],{"type":47,"value":591},"When the issue is visual, prefer ",{"type":42,"tag":98,"props":593,"children":595},{"className":594},[],[596],{"type":47,"value":540},{"type":47,"value":598},"-backed observations. Use ",{"type":42,"tag":98,"props":600,"children":602},{"className":601},[],[603],{"type":47,"value":604},"inspect_design",{"type":47,"value":606}," when the rendered DOM or computed styles would identify the root cause faster than code inspection.",{"type":42,"tag":50,"props":608,"children":609},{},[610],{"type":47,"value":611},"When the issue appears structural, inspect the relevant theme or plugin files before recommending a fix.",{"type":42,"tag":147,"props":613,"children":615},{"id":614},"_5-visual-qa",[616],{"type":47,"value":617},"5. Visual QA",{"type":42,"tag":50,"props":619,"children":620},{},[621,623,628],{"type":47,"value":622},"When the user wants a broader quality pass, use ",{"type":42,"tag":98,"props":624,"children":626},{"className":625},[],[627],{"type":47,"value":540},{"type":47,"value":629}," to check:",{"type":42,"tag":68,"props":631,"children":632},{},[633,638,643,648,653],{"type":42,"tag":72,"props":634,"children":635},{},[636],{"type":47,"value":637},"spacing and alignment",{"type":42,"tag":72,"props":639,"children":640},{},[641],{"type":47,"value":642},"responsive layout issues",{"type":42,"tag":72,"props":644,"children":645},{},[646],{"type":47,"value":647},"broken visual hierarchy",{"type":42,"tag":72,"props":649,"children":650},{},[651],{"type":47,"value":652},"inconsistent component styling",{"type":42,"tag":72,"props":654,"children":655},{},[656],{"type":47,"value":657},"awkward cropping or media balance",{"type":42,"tag":50,"props":659,"children":660},{},[661],{"type":47,"value":662},"Keep this section focused on visible problems that materially affect the site.",{"type":42,"tag":147,"props":664,"children":666},{"id":665},"_6-report-clearly",[667],{"type":47,"value":668},"6. Report clearly",{"type":42,"tag":50,"props":670,"children":671},{},[672],{"type":47,"value":673},"Summarize:",{"type":42,"tag":68,"props":675,"children":676},{},[677,682,687,692],{"type":42,"tag":72,"props":678,"children":679},{},[680],{"type":47,"value":681},"what you audited",{"type":42,"tag":72,"props":683,"children":684},{},[685],{"type":47,"value":686},"the most important findings",{"type":42,"tag":72,"props":688,"children":689},{},[690],{"type":47,"value":691},"the likely causes",{"type":42,"tag":72,"props":693,"children":694},{},[695],{"type":47,"value":696},"the highest-value next fixes",{"type":42,"tag":50,"props":698,"children":699},{},[700],{"type":47,"value":701},"Prefer a short prioritized report over a long exhaustive list.",{"type":42,"tag":147,"props":703,"children":705},{"id":704},"_7-re-test-after-changes",[706],{"type":47,"value":707},"7. Re-test after changes",{"type":42,"tag":50,"props":709,"children":710},{},[711],{"type":47,"value":712},"If fixes are made during the same task, re-run the relevant audit steps and compare before versus after.",{"type":42,"tag":50,"props":714,"children":715},{},[716],{"type":47,"value":717},"Call out what improved, what did not, and any remaining tradeoffs.",{"type":42,"tag":50,"props":719,"children":720},{},[721,723,728,729,734,735,741],{"type":47,"value":722},"When the audit workflow is complete, call ",{"type":42,"tag":98,"props":724,"children":726},{"className":725},[],[727],{"type":47,"value":239},{"type":47,"value":241},{"type":42,"tag":98,"props":730,"children":732},{"className":731},[],[733],{"type":47,"value":247},{"type":47,"value":249},{"type":42,"tag":98,"props":736,"children":738},{"className":737},[],[739],{"type":47,"value":740},"stage: \"completed\"",{"type":47,"value":194},{"type":42,"tag":56,"props":743,"children":745},{"id":744},"important-notes",[746],{"type":47,"value":747},"Important notes",{"type":42,"tag":68,"props":749,"children":750},{},[751,761,766],{"type":42,"tag":72,"props":752,"children":753},{},[754,759],{"type":42,"tag":98,"props":755,"children":757},{"className":756},[],[758],{"type":47,"value":272},{"type":47,"value":760}," results are synthetic measurements from a local Studio environment. Use them primarily for diagnosis and before-versus-after comparison, not as production truth.",{"type":42,"tag":72,"props":762,"children":763},{},[764],{"type":47,"value":765},"Accessibility observations in this workflow are often based on visual review and code inspection rather than a dedicated automated accessibility scanner.",{"type":42,"tag":72,"props":767,"children":768},{},[769],{"type":47,"value":770},"When performance, accessibility, and design issues conflict, explain the tradeoff instead of over-optimizing one dimension silently.",{"items":772,"total":856},[773,780,797,811,820,831,845],{"slug":4,"name":4,"fn":5,"description":6,"org":774,"tags":775,"stars":25,"repoUrl":26,"updatedAt":27},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[776,777,778,779],{"name":17,"slug":18,"type":15},{"name":20,"slug":21,"type":15},{"name":13,"slug":14,"type":15},{"name":23,"slug":24,"type":15},{"slug":781,"name":781,"fn":782,"description":783,"org":784,"tags":785,"stars":25,"repoUrl":26,"updatedAt":796},"block-creator","create WordPress Gutenberg blocks","Create, edit, build, and review a custom WordPress Gutenberg block plugin inside a Studio-backed site.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[786,789,792,795],{"name":787,"slug":788,"type":15},"Block Editor","block-editor",{"name":790,"slug":791,"type":15},"Frontend","frontend",{"name":793,"slug":794,"type":15},"Plugin Development","plugin-development",{"name":23,"slug":24,"type":15},"2026-04-06T18:03:30.309512",{"slug":798,"name":798,"fn":799,"description":800,"org":801,"tags":802,"stars":25,"repoUrl":26,"updatedAt":810},"design-previews-creator","generate WordPress design preview options","Generate three parallel design preview options for a Studio-backed site and collect the user's preferred direction before theme implementation.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[803,806,809],{"name":804,"slug":805,"type":15},"Design","design",{"name":807,"slug":808,"type":15},"Themes","themes",{"name":23,"slug":24,"type":15},"2026-04-06T18:03:34.089094",{"slug":812,"name":812,"fn":813,"description":814,"org":815,"tags":816,"stars":25,"repoUrl":26,"updatedAt":819},"plugin-creator","create WordPress plugins","Create or update a custom WordPress plugin for site functionality that should not live in a theme or a block. Use when the user needs reusable behavior, admin\u002Fsettings UI, hooks, REST endpoints, scheduled tasks, integrations, or server-side logic for a Studio-backed site.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[817,818],{"name":793,"slug":794,"type":15},{"name":23,"slug":24,"type":15},"2026-04-06T18:03:31.59652",{"slug":821,"name":821,"fn":822,"description":823,"org":824,"tags":825,"stars":25,"repoUrl":26,"updatedAt":830},"site-creator","create WordPress sites from a brief","Create a WordPress site from a rough idea using Studio and shared WordPress skills.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[826,829],{"name":827,"slug":828,"type":15},"Local Development","local-development",{"name":23,"slug":24,"type":15},"2026-04-06T18:03:35.335664",{"slug":103,"name":103,"fn":832,"description":833,"org":834,"tags":835,"stars":25,"repoUrl":26,"updatedAt":844},"run local WordPress development with Studio","Use WordPress Studio for local WordPress development, preferring MCP and falling back to the Studio CLI when needed.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[836,839,840,843],{"name":837,"slug":838,"type":15},"CLI","cli",{"name":827,"slug":828,"type":15},{"name":841,"slug":842,"type":15},"MCP","mcp",{"name":23,"slug":24,"type":15},"2026-04-06T18:03:26.516124",{"slug":846,"name":846,"fn":847,"description":848,"org":849,"tags":850,"stars":25,"repoUrl":26,"updatedAt":855},"theme-creator","create WordPress block themes","Create a modern WordPress block theme.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[851,852,853,854],{"name":804,"slug":805,"type":15},{"name":790,"slug":791,"type":15},{"name":807,"slug":808,"type":15},{"name":23,"slug":24,"type":15},"2026-04-06T18:03:29.048538",8,{"items":858,"total":1032},[859,878,893,907,924,935,947,962,977,986,1001,1017],{"slug":860,"name":860,"fn":861,"description":862,"org":863,"tags":864,"stars":875,"repoUrl":876,"updatedAt":877},"annotate","collect visual feedback with browser annotation tools","Open a browser with visual annotation tools. The user clicks elements on their site and leaves feedback — the agent reads annotations and makes changes. Use this when the user wants to point at specific elements to fix, tweak, or redesign.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[865,866,869,872],{"name":790,"slug":791,"type":15},{"name":867,"slug":868,"type":15},"Productivity","productivity",{"name":870,"slug":871,"type":15},"UX Copy","ux-copy",{"name":873,"slug":874,"type":15},"UX Design","ux-design",484,"https:\u002F\u002Fgithub.com\u002FAutomattic\u002Fstudio","2026-05-06T05:40:01.516544",{"slug":879,"name":879,"fn":880,"description":881,"org":882,"tags":883,"stars":875,"repoUrl":876,"updatedAt":892},"block-content","write editable WordPress block markup","Write editable WordPress block markup for local Studio sites, including core\u002Fhtml limits, block-theme layout rules, full-width sections, validation, and skeleton-first page\u002FCSS recipes.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[884,885,888,891],{"name":787,"slug":788,"type":15},{"name":886,"slug":887,"type":15},"CSS","css",{"name":889,"slug":890,"type":15},"HTML","html",{"name":23,"slug":24,"type":15},"2026-05-27T07:01:55.629681",{"slug":894,"name":894,"fn":895,"description":896,"org":897,"tags":898,"stars":875,"repoUrl":876,"updatedAt":906},"hosting-plans-helper","provide WordPress.com hosting plan information","Answer WordPress.com plan, pricing, upgrade, and feature-tier questions (plan names, what each tier unlocks — plugins, themes, custom code, SSH, hosting — and current prices) from authoritative live data. Load before answering ANY plan, pricing, or feature-gating question; never answer these from memory.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[899,902,905],{"name":900,"slug":901,"type":15},"Pricing","pricing",{"name":903,"slug":904,"type":15},"Reference","reference",{"name":23,"slug":24,"type":15},"2026-07-02T07:42:33.654791",{"slug":908,"name":908,"fn":909,"description":910,"org":911,"tags":912,"stars":875,"repoUrl":876,"updatedAt":923},"liberate","migrate websites to WordPress","Import and rebuild a website from a closed platform (Wix, Squarespace, Webflow, Shopify, GoDaddy, Hostinger, HubSpot, Weebly) into a Studio WordPress site. Extracts pages\u002Fposts\u002Fproducts + media, then reconstructs the design as editable blocks + WooCommerce OR as a high-fidelity replica theme. Invoke when the user wants to migrate, import, liberate, or rebuild a site from one of these platforms.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[913,916,919,922],{"name":914,"slug":915,"type":15},"CMS","cms",{"name":917,"slug":918,"type":15},"Migration","migration",{"name":920,"slug":921,"type":15},"Web Development","web-development",{"name":23,"slug":24,"type":15},"2026-07-09T06:47:33.454311",{"slug":925,"name":925,"fn":926,"description":927,"org":928,"tags":929,"stars":875,"repoUrl":876,"updatedAt":934},"need-for-speed","run frontend performance audits for WordPress sites","Run a frontend performance audit on a WordPress site and get actionable optimization recommendations.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[930,931,932,933],{"name":20,"slug":21,"type":15},{"name":790,"slug":791,"type":15},{"name":13,"slug":14,"type":15},{"name":23,"slug":24,"type":15},"2026-05-06T05:40:06.433267",{"slug":936,"name":936,"fn":937,"description":938,"org":939,"tags":940,"stars":875,"repoUrl":876,"updatedAt":946},"plugin-recommendations","recommend WordPress plugins for site features","Choose recommended plugins and plugin-provided blocks for features core WordPress blocks do not cover - ecommerce (WooCommerce), forms and newsletters (Jetpack), online courses and quizzes (Sensei LMS), polls, surveys and ratings (Crowdsignal), spam protection (Akismet) - while keeping generated content editable and avoiding raw HTML fallbacks. Any request to sell products or build a shop, store, or storefront requires WooCommerce with products.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[941,944,945],{"name":942,"slug":943,"type":15},"Content Creation","content-creation",{"name":793,"slug":794,"type":15},{"name":23,"slug":24,"type":15},"2026-05-27T07:01:58.249105",{"slug":948,"name":948,"fn":949,"description":950,"org":951,"tags":952,"stars":875,"repoUrl":876,"updatedAt":961},"rank-me-up","run on-page SEO audits for WordPress sites","Run an on-page SEO audit on a WordPress site and get actionable recommendations to improve search visibility.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[953,954,957,960],{"name":20,"slug":21,"type":15},{"name":955,"slug":956,"type":15},"Marketing","marketing",{"name":958,"slug":959,"type":15},"SEO","seo",{"name":23,"slug":24,"type":15},"2026-05-06T05:40:05.196367",{"slug":963,"name":963,"fn":964,"description":965,"org":966,"tags":967,"stars":875,"repoUrl":876,"updatedAt":976},"site-spec","gather specifications for new WordPress sites","Gather the site name and layout preference before building a WordPress site. Run this before creating any new site.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[968,969,972,975],{"name":804,"slug":805,"type":15},{"name":970,"slug":971,"type":15},"Product Management","product-management",{"name":973,"slug":974,"type":15},"Specs","specs",{"name":23,"slug":24,"type":15},"2026-05-06T05:40:02.739409",{"slug":978,"name":978,"fn":979,"description":980,"org":981,"tags":982,"stars":875,"repoUrl":876,"updatedAt":985},"studio-cli","manage local WordPress sites with Studio CLI","Use the Studio CLI to manage local WordPress sites, authentication, and preview sites. Invoke this skill when you need to run Studio CLI commands, manage sites, or troubleshoot site issues.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[983,984],{"name":837,"slug":838,"type":15},{"name":23,"slug":24,"type":15},"2026-04-06T18:02:57.150231",{"slug":987,"name":987,"fn":988,"description":989,"org":990,"tags":991,"stars":875,"repoUrl":876,"updatedAt":1000},"taxonomist","optimize WordPress category taxonomy","Analyze and optimize a WordPress site's category taxonomy. Exports all posts, uses AI to suggest an improved category structure — merging duplicates, retiring dead categories, creating missing ones, writing descriptions, and re-categorizing posts. Run this when the user wants to clean up or improve their categories.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[992,995,998,999],{"name":993,"slug":994,"type":15},"Content Strategy","content-strategy",{"name":996,"slug":997,"type":15},"Data Cleaning","data-cleaning",{"name":958,"slug":959,"type":15},{"name":23,"slug":24,"type":15},"2026-05-06T05:40:03.966799",{"slug":1002,"name":1002,"fn":1003,"description":1004,"org":1005,"tags":1006,"stars":875,"repoUrl":876,"updatedAt":1016},"visual-design","plan and execute visual design direction","Plan and execute high-quality visual direction for site creation, redesign, layout, typography, color, motion, and visual polish.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1007,1010,1011,1014],{"name":1008,"slug":1009,"type":15},"Animation","animation",{"name":804,"slug":805,"type":15},{"name":1012,"slug":1013,"type":15},"Typography","typography",{"name":1015,"slug":1002,"type":15},"Visual Design","2026-07-24T05:40:57.887452",{"slug":1018,"name":1018,"fn":1019,"description":1020,"org":1021,"tags":1022,"stars":875,"repoUrl":876,"updatedAt":1031},"visual-polish","verify and polish website visual design","Verify and polish a built or redesigned site by diagnosing rendered-DOM issues against intent and fixing them in a planned, batched screenshot-and-fix loop.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1023,1026,1027,1030],{"name":1024,"slug":1025,"type":15},"Debugging","debugging",{"name":790,"slug":791,"type":15},{"name":1028,"slug":1029,"type":15},"Screenshots","screenshots",{"name":1015,"slug":1002,"type":15},"2026-06-06T07:09:59.809812",81]