skills.rest
dr-robert-li
dr-robert-liCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

site-specification

Extract structured site specifications from natural language descriptions.

27|1|Updated Feb 16, 2026
Search Tags:#typography#layout#web design#theme generation#user requirements#site specification
One-click install
npx skills add https://github.com/dr-robert-li/cowork-wordpress-expert --skill site-specification-dr-robert-li
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: site-specification
Source: https://github.com/dr-robert-li/cowork-wordpress-expert/tree/main/references/site-specification
Command: npx skills add https://github.com/dr-robert-li/cowork-wordpress-expert --skill site-specification-dr-robert-li

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps translate vague user ideas into concrete, actionable site specifications, ensuring alignment before design and development begins.

Core Features & Use Cases

  • Structured Specification Generation: Extracts key details like site type, goals, audience, tone, and brand keywords from user prompts.
  • Layout and Typography Guidance: Suggests common layout patterns and font pairings based on inferred site types.
  • Use Case: A user says "I need a website for my bakery." This skill will generate a detailed spec including site type (restaurant/food service), primary goal (attract local customers), audience (local diners), tone (warm, inviting), and suggest layout elements like a menu and appetizing imagery.

Quick Start

Use the site-specification skill to extract a site specification from the prompt "Create a theme for my coffee shop called Bean & Brew".

Frequently Asked Questions about site-specification

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I extract website specifications from a natural language description?▼

This skill extracts site specifications from natural language prompts by analyzing your description to infer site type, audience, tone, layout requirements, and typography, returning a structured JSON object. It guides website theme generation by translating vague ideas into actionable design requirements.

Can I generate layout and typography guidance for different site types like SaaS or e-commerce?▼

Yes, this skill provides tailored inference patterns and font suggestions for various site types including SaaS, e-commerce, professional services, and blogs. It suggests common layout patterns and font pairings based on the inferred site type from your natural language prompt.

What's the best way to define user requirements for a web design theme?▼

The best way to define user requirements for a web design theme is to provide a natural language description of your project. The skill processes your prompt to generate a detailed specification covering primary goals, brand keywords, audience, tone, and specific layout elements.

Does this site specification tool require any specific technical dependencies or frameworks?▼

No, this site specification tool requires no specific technical dependencies or frameworks. It relies solely on natural language input to generate a structured JSON object containing your site's design, layout, and typography requirements.

Why should I use a structured JSON specification for website theme generation?▼

Using a structured JSON specification for website theme generation ensures alignment before design and development begins. It translates vague user ideas into concrete, actionable site specifications including goals, audience, tone, and layout requirements.

Related Skills

Explore More Design & Creative Skills→
SwimmingLiuSwimmingLiu
1

teach-impeccable

Gather and persist project design context into a configuration file.

Community
Intermediate
mazreanmazrean

building-static-site-rss-feeds

Generate RSS 2.0, Atom 1.0, and JSON feeds for static sites.

Community
Intermediate
wachawowachawo

ckm:design

Generate brand logos, UI styles, and social media assets with Gemini AI.

Community
Advanced
wpgauravwpgaurav
14

site-specification

Extract site specifications from briefs for WordPress theme generation.

Community
Intermediate