[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill-automattic-theme-creator":3,"mdc--unlkme-key":36,"related-repo-automattic-theme-creator":603,"related-org-automattic-theme-creator":688},{"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},"theme-creator","create WordPress block themes","Create a modern WordPress block theme.",{"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},"WordPress","wordpress","tag",{"name":17,"slug":18,"type":15},"Themes","themes",{"name":20,"slug":21,"type":15},"Frontend","frontend",{"name":23,"slug":24,"type":15},"Design","design",7,"https:\u002F\u002Fgithub.com\u002FAutomattic\u002Fbuild-with-wordpress","2026-04-06T18:03:29.048538",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\u002Ftheme-creator","---\nname: theme-creator\ndescription: Create a modern WordPress block theme.\n---\n\n# Theme Creator\n\nUse this skill when the user wants a new WordPress theme or a substantial visual overhaul for a local Studio site.\n\n## Ownership\n\nThis skill owns:\n\n- block theme implementation rules\n- landing page and template composition\n- WordPress-native layout structure for theme content\n- theme-local artifact placement inside the selected Studio site\n\nUse `studio` for the review loop after making changes. Use `auditing` when the user wants performance, accessibility, or broader frontend QA after the theme work.\n\n## Principles\n\n- Build block themes, not classic themes.\n- Use modern WordPress patterns: `theme.json`, template parts, templates, core blocks.\n- Prefer CSS and block composition over raw HTML blocks.\n- Keep the theme editable in the Site Editor.\n- Use Studio tools for activation, validation, and screenshots.\n\n## Required files\n\nAt minimum:\n\n```text\n\u003Ctheme-slug>\u002F\n├── theme.json\n├── style.css\n├── functions.php\n├── templates\u002F\n│   ├── index.html\n│   └── page.html\n└── parts\u002F\n    ├── header.html\n    └── footer.html\n```\n\n## Design approach\n\n- choose a clear visual direction\n- build a strong landing page, not a generic shell\n- use purposeful typography, spacing, and color\n- avoid generic AI-looking aesthetics\n- design for desktop and mobile\n- if the caller provides a selected design preview, treat that preview as the primary visual source for the theme's header, hero, and overall design language\n\nOnce you are committed to the theme implementation workflow and before the main file-writing phase, call `record_workflow_event` with `workflow: \"theme-build\"` and `stage: \"started\"`.\n\n## Theme rules\n\n- No `core\u002Fhtml` blocks for layout sections or normal text content.\n- Use proper block markup only.\n- No decorative HTML comments outside block delimiters.\n- Put visual styling in `style.css`.\n- Block themes do not automatically load `style.css` on the front end. You must explicitly enqueue it in `functions.php` with `wp_enqueue_style( '\u003Cslug>-style', get_stylesheet_uri() )` on the `wp_enqueue_scripts` hook.\n- Enqueue editor styles so the editor resembles the front end.\n- Add `prefers-reduced-motion` handling when using animations.\n\n## Layout rules\n\n- Choose the layout approach that best fits the brief. Do not force every site into full-width landing-page bands.\n- If you decide full-width sections are appropriate for this site type or brief, use WordPress-native full-width section structure first.\n- For those sections, make the outer top-level `core\u002Fgroup` block use `{\"align\":\"full\",\"layout\":{\"type\":\"default\"}}`.\n- For full-width landing-page sections, use a strict shell pattern:\n  - outer section: `core\u002Fgroup` with `align:\"full\"` and `layout.type:\"default\"`\n  - inner content shell: immediate child `core\u002Fgroup` with `align:\"wide\"`\n  - primary `core\u002Fcolumns` inside that shell should also use `align:\"wide\"` when the section is meant to feel expansive\n- Keep readable text and card grids inside an inner container block instead of constraining the outer full-width section itself.\n- Do not leave intermediate groups or columns at constrained or default width between the full-width section and the main content shell unless the design intentionally calls for a narrow reading measure.\n- Keep `theme.json` layout settings aligned with the design, including sensible `contentSize` and `wideSize` values.\n- Do not rely on CSS alone to make a constrained block look full width when Gutenberg block alignment should carry that responsibility.\n- If screenshots still show boxed or constrained sections after using full-width blocks, inspect wrapper alignment, serialized block markup, template layout, and `theme.json` before adding custom breakout CSS.\n\n## Verification flow\n\nAfter writing or updating block theme files:\n\n1. run the `studio` block validation loop on every template or template-part file containing serialized block markup\n2. if validation reports invalid blocks, repair the markup and re-run until all blocks validate cleanly\n3. activate the theme with `wp_cli`\n4. update site settings if needed with `wp_cli`\n5. follow the review and iteration workflow in `studio`\n6. call `record_workflow_event` with `workflow: \"theme-build\"` and `stage: \"completed\"`\n\nIf the user asks whether the result is fast, accessible, or polished beyond the normal review loop, use `auditing`.\n",{"data":37,"body":38},{"name":4,"description":6},{"type":39,"children":40},"root",[41,49,55,62,67,92,114,120,156,162,167,179,185,218,247,253,344,350,506,512,517,592],{"type":42,"tag":43,"props":44,"children":45},"element","h1",{"id":4},[46],{"type":47,"value":48},"text","Theme Creator",{"type":42,"tag":50,"props":51,"children":52},"p",{},[53],{"type":47,"value":54},"Use this skill when the user wants a new WordPress theme or a substantial visual overhaul for a local Studio site.",{"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},"block theme implementation rules",{"type":42,"tag":72,"props":78,"children":79},{},[80],{"type":47,"value":81},"landing page and template composition",{"type":42,"tag":72,"props":83,"children":84},{},[85],{"type":47,"value":86},"WordPress-native layout structure for theme content",{"type":42,"tag":72,"props":88,"children":89},{},[90],{"type":47,"value":91},"theme-local artifact placement inside the selected Studio site",{"type":42,"tag":50,"props":93,"children":94},{},[95,97,104,106,112],{"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 the review loop after making changes. Use ",{"type":42,"tag":98,"props":107,"children":109},{"className":108},[],[110],{"type":47,"value":111},"auditing",{"type":47,"value":113}," when the user wants performance, accessibility, or broader frontend QA after the theme work.",{"type":42,"tag":56,"props":115,"children":117},{"id":116},"principles",[118],{"type":47,"value":119},"Principles",{"type":42,"tag":68,"props":121,"children":122},{},[123,128,141,146,151],{"type":42,"tag":72,"props":124,"children":125},{},[126],{"type":47,"value":127},"Build block themes, not classic themes.",{"type":42,"tag":72,"props":129,"children":130},{},[131,133,139],{"type":47,"value":132},"Use modern WordPress patterns: ",{"type":42,"tag":98,"props":134,"children":136},{"className":135},[],[137],{"type":47,"value":138},"theme.json",{"type":47,"value":140},", template parts, templates, core blocks.",{"type":42,"tag":72,"props":142,"children":143},{},[144],{"type":47,"value":145},"Prefer CSS and block composition over raw HTML blocks.",{"type":42,"tag":72,"props":147,"children":148},{},[149],{"type":47,"value":150},"Keep the theme editable in the Site Editor.",{"type":42,"tag":72,"props":152,"children":153},{},[154],{"type":47,"value":155},"Use Studio tools for activation, validation, and screenshots.",{"type":42,"tag":56,"props":157,"children":159},{"id":158},"required-files",[160],{"type":47,"value":161},"Required files",{"type":42,"tag":50,"props":163,"children":164},{},[165],{"type":47,"value":166},"At minimum:",{"type":42,"tag":168,"props":169,"children":174},"pre",{"className":170,"code":172,"language":47,"meta":173},[171],"language-text","\u003Ctheme-slug>\u002F\n├── theme.json\n├── style.css\n├── functions.php\n├── templates\u002F\n│   ├── index.html\n│   └── page.html\n└── parts\u002F\n    ├── header.html\n    └── footer.html\n","",[175],{"type":42,"tag":98,"props":176,"children":177},{"__ignoreMap":173},[178],{"type":47,"value":172},{"type":42,"tag":56,"props":180,"children":182},{"id":181},"design-approach",[183],{"type":47,"value":184},"Design approach",{"type":42,"tag":68,"props":186,"children":187},{},[188,193,198,203,208,213],{"type":42,"tag":72,"props":189,"children":190},{},[191],{"type":47,"value":192},"choose a clear visual direction",{"type":42,"tag":72,"props":194,"children":195},{},[196],{"type":47,"value":197},"build a strong landing page, not a generic shell",{"type":42,"tag":72,"props":199,"children":200},{},[201],{"type":47,"value":202},"use purposeful typography, spacing, and color",{"type":42,"tag":72,"props":204,"children":205},{},[206],{"type":47,"value":207},"avoid generic AI-looking aesthetics",{"type":42,"tag":72,"props":209,"children":210},{},[211],{"type":47,"value":212},"design for desktop and mobile",{"type":42,"tag":72,"props":214,"children":215},{},[216],{"type":47,"value":217},"if the caller provides a selected design preview, treat that preview as the primary visual source for the theme's header, hero, and overall design language",{"type":42,"tag":50,"props":219,"children":220},{},[221,223,229,231,237,239,245],{"type":47,"value":222},"Once you are committed to the theme implementation workflow and before the main file-writing phase, call ",{"type":42,"tag":98,"props":224,"children":226},{"className":225},[],[227],{"type":47,"value":228},"record_workflow_event",{"type":47,"value":230}," with ",{"type":42,"tag":98,"props":232,"children":234},{"className":233},[],[235],{"type":47,"value":236},"workflow: \"theme-build\"",{"type":47,"value":238}," and ",{"type":42,"tag":98,"props":240,"children":242},{"className":241},[],[243],{"type":47,"value":244},"stage: \"started\"",{"type":47,"value":246},".",{"type":42,"tag":56,"props":248,"children":250},{"id":249},"theme-rules",[251],{"type":47,"value":252},"Theme rules",{"type":42,"tag":68,"props":254,"children":255},{},[256,269,274,279,291,326,331],{"type":42,"tag":72,"props":257,"children":258},{},[259,261,267],{"type":47,"value":260},"No ",{"type":42,"tag":98,"props":262,"children":264},{"className":263},[],[265],{"type":47,"value":266},"core\u002Fhtml",{"type":47,"value":268}," blocks for layout sections or normal text content.",{"type":42,"tag":72,"props":270,"children":271},{},[272],{"type":47,"value":273},"Use proper block markup only.",{"type":42,"tag":72,"props":275,"children":276},{},[277],{"type":47,"value":278},"No decorative HTML comments outside block delimiters.",{"type":42,"tag":72,"props":280,"children":281},{},[282,284,290],{"type":47,"value":283},"Put visual styling in ",{"type":42,"tag":98,"props":285,"children":287},{"className":286},[],[288],{"type":47,"value":289},"style.css",{"type":47,"value":246},{"type":42,"tag":72,"props":292,"children":293},{},[294,296,301,303,309,310,316,318,324],{"type":47,"value":295},"Block themes do not automatically load ",{"type":42,"tag":98,"props":297,"children":299},{"className":298},[],[300],{"type":47,"value":289},{"type":47,"value":302}," on the front end. You must explicitly enqueue it in ",{"type":42,"tag":98,"props":304,"children":306},{"className":305},[],[307],{"type":47,"value":308},"functions.php",{"type":47,"value":230},{"type":42,"tag":98,"props":311,"children":313},{"className":312},[],[314],{"type":47,"value":315},"wp_enqueue_style( '\u003Cslug>-style', get_stylesheet_uri() )",{"type":47,"value":317}," on the ",{"type":42,"tag":98,"props":319,"children":321},{"className":320},[],[322],{"type":47,"value":323},"wp_enqueue_scripts",{"type":47,"value":325}," hook.",{"type":42,"tag":72,"props":327,"children":328},{},[329],{"type":47,"value":330},"Enqueue editor styles so the editor resembles the front end.",{"type":42,"tag":72,"props":332,"children":333},{},[334,336,342],{"type":47,"value":335},"Add ",{"type":42,"tag":98,"props":337,"children":339},{"className":338},[],[340],{"type":47,"value":341},"prefers-reduced-motion",{"type":47,"value":343}," handling when using animations.",{"type":42,"tag":56,"props":345,"children":347},{"id":346},"layout-rules",[348],{"type":47,"value":349},"Layout rules",{"type":42,"tag":68,"props":351,"children":352},{},[353,358,363,383,452,457,462,489,494],{"type":42,"tag":72,"props":354,"children":355},{},[356],{"type":47,"value":357},"Choose the layout approach that best fits the brief. Do not force every site into full-width landing-page bands.",{"type":42,"tag":72,"props":359,"children":360},{},[361],{"type":47,"value":362},"If you decide full-width sections are appropriate for this site type or brief, use WordPress-native full-width section structure first.",{"type":42,"tag":72,"props":364,"children":365},{},[366,368,374,376,382],{"type":47,"value":367},"For those sections, make the outer top-level ",{"type":42,"tag":98,"props":369,"children":371},{"className":370},[],[372],{"type":47,"value":373},"core\u002Fgroup",{"type":47,"value":375}," block use ",{"type":42,"tag":98,"props":377,"children":379},{"className":378},[],[380],{"type":47,"value":381},"{\"align\":\"full\",\"layout\":{\"type\":\"default\"}}",{"type":47,"value":246},{"type":42,"tag":72,"props":384,"children":385},{},[386,388],{"type":47,"value":387},"For full-width landing-page sections, use a strict shell pattern:\n",{"type":42,"tag":68,"props":389,"children":390},{},[391,415,432],{"type":42,"tag":72,"props":392,"children":393},{},[394,396,401,402,408,409],{"type":47,"value":395},"outer section: ",{"type":42,"tag":98,"props":397,"children":399},{"className":398},[],[400],{"type":47,"value":373},{"type":47,"value":230},{"type":42,"tag":98,"props":403,"children":405},{"className":404},[],[406],{"type":47,"value":407},"align:\"full\"",{"type":47,"value":238},{"type":42,"tag":98,"props":410,"children":412},{"className":411},[],[413],{"type":47,"value":414},"layout.type:\"default\"",{"type":42,"tag":72,"props":416,"children":417},{},[418,420,425,426],{"type":47,"value":419},"inner content shell: immediate child ",{"type":42,"tag":98,"props":421,"children":423},{"className":422},[],[424],{"type":47,"value":373},{"type":47,"value":230},{"type":42,"tag":98,"props":427,"children":429},{"className":428},[],[430],{"type":47,"value":431},"align:\"wide\"",{"type":42,"tag":72,"props":433,"children":434},{},[435,437,443,445,450],{"type":47,"value":436},"primary ",{"type":42,"tag":98,"props":438,"children":440},{"className":439},[],[441],{"type":47,"value":442},"core\u002Fcolumns",{"type":47,"value":444}," inside that shell should also use ",{"type":42,"tag":98,"props":446,"children":448},{"className":447},[],[449],{"type":47,"value":431},{"type":47,"value":451}," when the section is meant to feel expansive",{"type":42,"tag":72,"props":453,"children":454},{},[455],{"type":47,"value":456},"Keep readable text and card grids inside an inner container block instead of constraining the outer full-width section itself.",{"type":42,"tag":72,"props":458,"children":459},{},[460],{"type":47,"value":461},"Do not leave intermediate groups or columns at constrained or default width between the full-width section and the main content shell unless the design intentionally calls for a narrow reading measure.",{"type":42,"tag":72,"props":463,"children":464},{},[465,467,472,474,480,481,487],{"type":47,"value":466},"Keep ",{"type":42,"tag":98,"props":468,"children":470},{"className":469},[],[471],{"type":47,"value":138},{"type":47,"value":473}," layout settings aligned with the design, including sensible ",{"type":42,"tag":98,"props":475,"children":477},{"className":476},[],[478],{"type":47,"value":479},"contentSize",{"type":47,"value":238},{"type":42,"tag":98,"props":482,"children":484},{"className":483},[],[485],{"type":47,"value":486},"wideSize",{"type":47,"value":488}," values.",{"type":42,"tag":72,"props":490,"children":491},{},[492],{"type":47,"value":493},"Do not rely on CSS alone to make a constrained block look full width when Gutenberg block alignment should carry that responsibility.",{"type":42,"tag":72,"props":495,"children":496},{},[497,499,504],{"type":47,"value":498},"If screenshots still show boxed or constrained sections after using full-width blocks, inspect wrapper alignment, serialized block markup, template layout, and ",{"type":42,"tag":98,"props":500,"children":502},{"className":501},[],[503],{"type":47,"value":138},{"type":47,"value":505}," before adding custom breakout CSS.",{"type":42,"tag":56,"props":507,"children":509},{"id":508},"verification-flow",[510],{"type":47,"value":511},"Verification flow",{"type":42,"tag":50,"props":513,"children":514},{},[515],{"type":47,"value":516},"After writing or updating block theme files:",{"type":42,"tag":518,"props":519,"children":520},"ol",{},[521,533,538,549,559,569],{"type":42,"tag":72,"props":522,"children":523},{},[524,526,531],{"type":47,"value":525},"run the ",{"type":42,"tag":98,"props":527,"children":529},{"className":528},[],[530],{"type":47,"value":103},{"type":47,"value":532}," block validation loop on every template or template-part file containing serialized block markup",{"type":42,"tag":72,"props":534,"children":535},{},[536],{"type":47,"value":537},"if validation reports invalid blocks, repair the markup and re-run until all blocks validate cleanly",{"type":42,"tag":72,"props":539,"children":540},{},[541,543],{"type":47,"value":542},"activate the theme with ",{"type":42,"tag":98,"props":544,"children":546},{"className":545},[],[547],{"type":47,"value":548},"wp_cli",{"type":42,"tag":72,"props":550,"children":551},{},[552,554],{"type":47,"value":553},"update site settings if needed with ",{"type":42,"tag":98,"props":555,"children":557},{"className":556},[],[558],{"type":47,"value":548},{"type":42,"tag":72,"props":560,"children":561},{},[562,564],{"type":47,"value":563},"follow the review and iteration workflow in ",{"type":42,"tag":98,"props":565,"children":567},{"className":566},[],[568],{"type":47,"value":103},{"type":42,"tag":72,"props":570,"children":571},{},[572,574,579,580,585,586],{"type":47,"value":573},"call ",{"type":42,"tag":98,"props":575,"children":577},{"className":576},[],[578],{"type":47,"value":228},{"type":47,"value":230},{"type":42,"tag":98,"props":581,"children":583},{"className":582},[],[584],{"type":47,"value":236},{"type":47,"value":238},{"type":42,"tag":98,"props":587,"children":589},{"className":588},[],[590],{"type":47,"value":591},"stage: \"completed\"",{"type":42,"tag":50,"props":593,"children":594},{},[595,597,602],{"type":47,"value":596},"If the user asks whether the result is fast, accessible, or polished beyond the normal review loop, use ",{"type":42,"tag":98,"props":598,"children":600},{"className":599},[],[601],{"type":47,"value":111},{"type":47,"value":246},{"items":604,"total":687},[605,621,636,646,655,666,680],{"slug":111,"name":111,"fn":606,"description":607,"org":608,"tags":609,"stars":25,"repoUrl":26,"updatedAt":620},"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},[610,613,616,619],{"name":611,"slug":612,"type":15},"Accessibility","accessibility",{"name":614,"slug":615,"type":15},"Audit","audit",{"name":617,"slug":618,"type":15},"Performance","performance",{"name":13,"slug":14,"type":15},"2026-04-06T18:03:27.759352",{"slug":622,"name":622,"fn":623,"description":624,"org":625,"tags":626,"stars":25,"repoUrl":26,"updatedAt":635},"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},[627,630,631,634],{"name":628,"slug":629,"type":15},"Block Editor","block-editor",{"name":20,"slug":21,"type":15},{"name":632,"slug":633,"type":15},"Plugin Development","plugin-development",{"name":13,"slug":14,"type":15},"2026-04-06T18:03:30.309512",{"slug":637,"name":637,"fn":638,"description":639,"org":640,"tags":641,"stars":25,"repoUrl":26,"updatedAt":645},"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},[642,643,644],{"name":23,"slug":24,"type":15},{"name":17,"slug":18,"type":15},{"name":13,"slug":14,"type":15},"2026-04-06T18:03:34.089094",{"slug":647,"name":647,"fn":648,"description":649,"org":650,"tags":651,"stars":25,"repoUrl":26,"updatedAt":654},"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},[652,653],{"name":632,"slug":633,"type":15},{"name":13,"slug":14,"type":15},"2026-04-06T18:03:31.59652",{"slug":656,"name":656,"fn":657,"description":658,"org":659,"tags":660,"stars":25,"repoUrl":26,"updatedAt":665},"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},[661,664],{"name":662,"slug":663,"type":15},"Local Development","local-development",{"name":13,"slug":14,"type":15},"2026-04-06T18:03:35.335664",{"slug":103,"name":103,"fn":667,"description":668,"org":669,"tags":670,"stars":25,"repoUrl":26,"updatedAt":679},"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},[671,674,675,678],{"name":672,"slug":673,"type":15},"CLI","cli",{"name":662,"slug":663,"type":15},{"name":676,"slug":677,"type":15},"MCP","mcp",{"name":13,"slug":14,"type":15},"2026-04-06T18:03:26.516124",{"slug":4,"name":4,"fn":5,"description":6,"org":681,"tags":682,"stars":25,"repoUrl":26,"updatedAt":27},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[683,684,685,686],{"name":23,"slug":24,"type":15},{"name":20,"slug":21,"type":15},{"name":17,"slug":18,"type":15},{"name":13,"slug":14,"type":15},8,{"items":689,"total":863},[690,709,724,738,755,766,778,793,808,817,832,848],{"slug":691,"name":691,"fn":692,"description":693,"org":694,"tags":695,"stars":706,"repoUrl":707,"updatedAt":708},"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},[696,697,700,703],{"name":20,"slug":21,"type":15},{"name":698,"slug":699,"type":15},"Productivity","productivity",{"name":701,"slug":702,"type":15},"UX Copy","ux-copy",{"name":704,"slug":705,"type":15},"UX Design","ux-design",484,"https:\u002F\u002Fgithub.com\u002FAutomattic\u002Fstudio","2026-05-06T05:40:01.516544",{"slug":710,"name":710,"fn":711,"description":712,"org":713,"tags":714,"stars":706,"repoUrl":707,"updatedAt":723},"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},[715,716,719,722],{"name":628,"slug":629,"type":15},{"name":717,"slug":718,"type":15},"CSS","css",{"name":720,"slug":721,"type":15},"HTML","html",{"name":13,"slug":14,"type":15},"2026-05-27T07:01:55.629681",{"slug":725,"name":725,"fn":726,"description":727,"org":728,"tags":729,"stars":706,"repoUrl":707,"updatedAt":737},"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},[730,733,736],{"name":731,"slug":732,"type":15},"Pricing","pricing",{"name":734,"slug":735,"type":15},"Reference","reference",{"name":13,"slug":14,"type":15},"2026-07-02T07:42:33.654791",{"slug":739,"name":739,"fn":740,"description":741,"org":742,"tags":743,"stars":706,"repoUrl":707,"updatedAt":754},"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},[744,747,750,753],{"name":745,"slug":746,"type":15},"CMS","cms",{"name":748,"slug":749,"type":15},"Migration","migration",{"name":751,"slug":752,"type":15},"Web Development","web-development",{"name":13,"slug":14,"type":15},"2026-07-09T06:47:33.454311",{"slug":756,"name":756,"fn":757,"description":758,"org":759,"tags":760,"stars":706,"repoUrl":707,"updatedAt":765},"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},[761,762,763,764],{"name":614,"slug":615,"type":15},{"name":20,"slug":21,"type":15},{"name":617,"slug":618,"type":15},{"name":13,"slug":14,"type":15},"2026-05-06T05:40:06.433267",{"slug":767,"name":767,"fn":768,"description":769,"org":770,"tags":771,"stars":706,"repoUrl":707,"updatedAt":777},"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},[772,775,776],{"name":773,"slug":774,"type":15},"Content Creation","content-creation",{"name":632,"slug":633,"type":15},{"name":13,"slug":14,"type":15},"2026-05-27T07:01:58.249105",{"slug":779,"name":779,"fn":780,"description":781,"org":782,"tags":783,"stars":706,"repoUrl":707,"updatedAt":792},"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},[784,785,788,791],{"name":614,"slug":615,"type":15},{"name":786,"slug":787,"type":15},"Marketing","marketing",{"name":789,"slug":790,"type":15},"SEO","seo",{"name":13,"slug":14,"type":15},"2026-05-06T05:40:05.196367",{"slug":794,"name":794,"fn":795,"description":796,"org":797,"tags":798,"stars":706,"repoUrl":707,"updatedAt":807},"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},[799,800,803,806],{"name":23,"slug":24,"type":15},{"name":801,"slug":802,"type":15},"Product Management","product-management",{"name":804,"slug":805,"type":15},"Specs","specs",{"name":13,"slug":14,"type":15},"2026-05-06T05:40:02.739409",{"slug":809,"name":809,"fn":810,"description":811,"org":812,"tags":813,"stars":706,"repoUrl":707,"updatedAt":816},"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},[814,815],{"name":672,"slug":673,"type":15},{"name":13,"slug":14,"type":15},"2026-04-06T18:02:57.150231",{"slug":818,"name":818,"fn":819,"description":820,"org":821,"tags":822,"stars":706,"repoUrl":707,"updatedAt":831},"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},[823,826,829,830],{"name":824,"slug":825,"type":15},"Content Strategy","content-strategy",{"name":827,"slug":828,"type":15},"Data Cleaning","data-cleaning",{"name":789,"slug":790,"type":15},{"name":13,"slug":14,"type":15},"2026-05-06T05:40:03.966799",{"slug":833,"name":833,"fn":834,"description":835,"org":836,"tags":837,"stars":706,"repoUrl":707,"updatedAt":847},"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},[838,841,842,845],{"name":839,"slug":840,"type":15},"Animation","animation",{"name":23,"slug":24,"type":15},{"name":843,"slug":844,"type":15},"Typography","typography",{"name":846,"slug":833,"type":15},"Visual Design","2026-07-24T05:40:57.887452",{"slug":849,"name":849,"fn":850,"description":851,"org":852,"tags":853,"stars":706,"repoUrl":707,"updatedAt":862},"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},[854,857,858,861],{"name":855,"slug":856,"type":15},"Debugging","debugging",{"name":20,"slug":21,"type":15},{"name":859,"slug":860,"type":15},"Screenshots","screenshots",{"name":846,"slug":833,"type":15},"2026-06-06T07:09:59.809812",81]