Automattic/studio

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.

원문 언어: 영어

block-content

Write editable WordPress block markup for local Studio sites, including core/html limits, block-theme layout rules, full-width sections, validation, and skeleton-first page/CSS recipes.

원문 언어: 영어

imagery

Generate AI images for a site with generate_images — how to write image specs, pick aspect ratios, place files (theme assets vs media library), and handle failures.

원문 언어: 영어

creating-themes

Guidelines for creating new WordPress block themes from scratch — load this before generating theme files

원문 언어: 영어

editing-themes

Guidelines for modifying existing WordPress block themes — load this before editing theme files

원문 언어: 영어

plugin-recommendations

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…

원문 언어: 영어

visual-polish

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.

원문 언어: 영어

visual-design

Plan and execute high-quality visual direction for site creation, redesign, layout, typography, color, motion, and visual polish.

원문 언어: 영어

liberate

Front door for the whole migration. FIRST routes on input type — a local directory of owned HTML/CSS/JS takes the local carry-to-block-theme path (dispatches liberate-local inline; no platform detection, no network extraction, no path checkpoint), while a URL…

원문 언어: 영어

diagnose

Debug failed or low-quality extractions by analyzing logs, probing the source site, and identifying root causes

원문 언어: 영어

match-page

Orchestrate whole-PAGE visual parity, with a replayable parity log so the work survives a reconstruct. PHASE 0 — if <outputDir>/parity-log.json exists, REPLAY its logged intents onto the current build first (apply + verify each by looking), so prior parity…

원문 언어: 영어

match-section

Reach VISUAL parity for ONE section by guiding AI to apply the captured design data (colors, padding, margins, full-bleed, font sizes, line-heights, families, alignment) to that section's WordPress block markup, then VERIFYING by looking at the source section…

원문 언어: 영어

replicate-theme

Parity-first carry-and-scope theme reconstruction — dispatched by `/liberate` after capture. Instead of projecting the source onto editable WordPress blocks (the `replicate-with-blocks` path), it CARRIES the source page near-verbatim and SCOPES the source's…

원문 언어: 영어

replicate-with-blocks

Spec-driven, whole-site block-theme reconstruction for a liberated site. Invokes design-foundations → creating-themes → clustering → spec extraction → generating-patterns (fan-out, per cluster) → assemble → validate → install → design-qa to produce a…

원문 언어: 영어

liberate

Import and rebuild a website from a closed platform (Wix, Squarespace, Webflow, Shopify, GoDaddy, Hostinger, HubSpot, Weebly) into a Studio WordPress site. Extracts pages/posts/products + media, then reconstructs the design as editable blocks + WooCommerce OR…

원문 언어: 영어

site-spec

Gather the site name and layout preference before building a WordPress site. Run this before creating any new site.

원문 언어: 영어

hosting-plans-helper

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…

원문 언어: 영어

adapt

Build a new platform adapter to extract content from an unsupported platform (Blogger, Ghost, Tumblr, etc.)

원문 언어: 영어

compose-page-blocks

Compose a single liberated page's WordPress block-editor markup from its rendered HTML and screenshot. Inputs are a sanitized HTML file, a desktop screenshot, the design-foundation tokens, the URL's archetype (page/post/product/etc.), and the source URL.…

원문 언어: 영어

creating-blocks

Templates and guidelines for creating new WordPress blocks from scratch — load this before generating block files

원문 언어: 영어

design-foundations

Build a coherent design-foundation JSON from a liberated site — semantic color/typography/spacing roles with evidence trails. Consumes the partial scaffold produced by liberate_design_foundation_scaffold plus aggregate HTML/CSS analysis and representative…

원문 언어: 영어

design-qa

Visual-QA loop run after replica theme install and content import. Captures replica screenshots, applies a hard responsiveness gate at 390px AND a hard per-section visual-parity gate (measured SectionParity records, verdict computed by buildRunReport), runs…

원문 언어: 영어

editing-blocks

Guidelines for modifying existing WordPress blocks — load this before editing block files

원문 언어: 영어

generating-patterns

Guidelines and examples for generating WordPress block patterns — load this when creating patterns for themes

원문 언어: 영어

liberate-local

The OWNED LOCAL static-site path of /liberate — dispatched inline by `/liberate` when its input is a local directory (not a URL). Point it at a directory of hand-authored / Claude-generated HTML+CSS+JS and it stands up a fresh WordPress Studio site and…

원문 언어: 영어

migrate

Alias for `/liberate`. Migrate a website or an owned local directory into WordPress — point it at a URL (a live site you don't control) or at a local folder of HTML/CSS/JS you own, and it runs the full liberate pipeline (route on input →…

원문 언어: 영어

model-local-data

Analyze an OWNED local static site's JavaScript data grids or repeated static-HTML content cards and emit a data-model.json that turns that data into real WordPress posts/taxonomy + native query loops while keeping the styling/animation/modal JS. Produces the…

원문 언어: 영어

qa

Compare extracted WXR content against the original source site page by page. Find missing text, headings, images, and links. Fix by patching the WXR or re-extracting individual pages. Produces a health score and structured report. Use when asked to "qa",…

원문 언어: 영어

rebuild-section

R4a of the design-qa escalation ladder — rebuild ONE divergent section into canonical, editable WordPress core blocks from its source HTML, screenshots, spec, and design tokens, when R1–R3 (CSS / spec-rebuild / re-extract) could not reach visual parity.…

원문 언어: 영어

testing-js

Guidelines for checking JavaScript files for syntax errors

원문 언어: 영어

testing-php

Guidelines for running PHP linting to catch syntax errors

원문 언어: 영어

testing-wp-runtime

Guidelines for running wp-now to validate WordPress plugins and themes at runtime

원문 언어: 영어

annotate

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.

원문 언어: 영어

wpcom-remote-management

Manage a remote WordPress.com site with wpcom_request, including API namespace selection, endpoint discovery, content/template/theme/plugin operations, response-size limits, and visual verification.

원문 언어: 영어

taxonomist

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…

원문 언어: 영어

need-for-speed

Run a frontend performance audit on a WordPress site and get actionable optimization recommendations.

원문 언어: 영어

rank-me-up

Run an on-page SEO audit on a WordPress site and get actionable recommendations to improve search visibility.

원문 언어: 영어