site-specification
Site Specification Skill
Extract detailed site specifications from user descriptions to guide theme generation. If the user has provided images, image urls or other documents, analyze them for additional clues about the brand and design preferences - obviously things like an exising logo image can be very informative about the brand's aesthetic, tone, and values, and any written documents can contain explicit statements about the brand identity or design preferences.
Site Spec Schema
A complete site specification uses this JSON structure:
{
"siteBrief": {
"siteName": "Name of the site/business",
"siteType": "Type of site (e.g., e-commerce, portfolio, blog, SaaS, restaurant)",
"primaryGoal": "Main purpose or conversion goal of the site",
"audience": "Target audience description",
"tone": "Voice and tone for the content",
"brandKeywords": "Keywords describing the brand aesthetic and values"
},
"layoutNotes": [
More from automattic/wordpress-agent-skills
wordpress-block-theming
WordPress Full Site Editing (FSE) theme architecture. Use when generating theme.json, block templates, template parts, patterns, and functions.php for WordPress block themes.
62design-systems
Bold aesthetic direction guidance for web design. Use when making creative decisions about typography, color, motion, spatial composition, and overall visual style. Helps avoid generic "AI slop" aesthetics.
51