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.

原文の言語: 英語