Visual Design
Automattic/studio/apps/cli/ai/skills/visual-design
designOfficial
Official Provider SkillView repo
Plan and execute high-quality visual direction for site creation, redesign, layout, typography, color, motion, and visual polish.
Files40 files
SKILL.md100 lines
Loading editor…
Install
RecommendedOne command — your agent picks it up automatically.
Select an AI agent above to see the install command.
or
Manual Install
More stepsDownload the archive and add the files to your project manually.
Skill details
Versionv1.0.0
AuthorAutomattic
Categorydesign
Skill IDAutomattic/studio/apps/cli/ai/skills/visual-design
Files40 files
Related skills
AnnotateOpen 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.Block ContentWrite 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.Hosting Plans HelperAnswer 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.ImageryGenerate 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.LiberateLiberate any website into a portable HTML copy and import it into WordPress using the Studio CLI. Then work with the user to make sure it looks and function like the original. Use this when the user wants to migrate, import, move, liberate, or rebuild a website from a URL.Need For SpeedRun a frontend performance audit on a WordPress site and get actionable optimization recommendations.