Visual Design
Automattic/studio/apps/cli/ai/skills/visual-design
designResmi
Resmi Sağlayıcı Skill'iView repo
Plan and execute high-quality visual direction for site creation, redesign, layout, typography, color, motion, and visual polish.
Dosyalar40 dosya
SKILL.md100 satır
Loading editor…
Kurulum
ÖnerilenTek komut — ajanınız otomatik olarak devreye alır.
Kurulum komutunu görmek için yukarıdan bir AI aracı seçin.
veya
Manuel Kurulum
Daha fazla adımArşivi indirin ve dosyaları projenize manuel olarak ekleyin.
Skill detayları
Versiyonv1.0.0
YazarAutomattic
Kategoridesign
Skill IDAutomattic/studio/apps/cli/ai/skills/visual-design
Dosyalar40 dosya
İlgili skill'ler
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.