Extract comprehensive site specifications from simple descriptions. Use when analyzing a user's theme request to determine site type, audience, tone, layout requirements, and typography.
Installs just this skill. Get the whole plugin for auto-invocation.
⚡ How it fires
How this skill gets triggered: by you, by Claude, or both.
Fires itselfClaude auto-loads it when your prompt matches the work.
You can call itInvoke it directly when you want it.
Slash command/site-specification
👁️ Context preview
The summary Claude sees to decide when to auto-load this skill.
Extract comprehensive site specifications from simple descriptions. Use when analyzing a user's theme request to determine site type, audience, tone, layout requirements, and typography.
---name: site-specification
description: Extract comprehensive site specifications from simple descriptions. Use when analyzing a user's theme request to determine site type, audience, tone, layout requirements, and typography.
---# 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:
```json
{
"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": [
"Each layout requirement as a separate string",
"Sections, features, and visual elements"
],
"typography": {
**User prompt:** "I need a theme for my law firm, Harrison & Associates. We specialize in corporate law and mergers. Very professional, trustworthy vibe."
```json
{
"siteBrief": {
"siteName": "Harrison & Associates",
"siteType": "law firm",
"primaryGoal": "Establish credibility and generate client inquiries for corporate law services",
Present the extracted spec to the user for confirmation. Use the table format below unless the calling command specifies a different presentation format:
| Field | Value |
|-------|-------|
| Site Name | [name] |
| Site Type | [type] |
| Primary Goal | [goal] |
| Target Audience | [audience] |
| Tone | [tone] |
| Brand Keywords | [keywords] |
| Key Sections | [comma-separated list from layoutNotes] |
| Typography | [primaryFont] + [secondaryFont] |
Then ask: "Does this capture your vision? Let me know if you'd like to adjust anything before we proceed to design options."