google-labs-code/site-md
plugins/stitch-utilities/skills/site-md/SKILL.md
Analyze a project description or site requirements and synthesize a project constitution into SITE.md for the Stitch Build Loop
$ install --global
skillsauthnpx skillsauth add google-labs-code/stitch-skills site-mdInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Aug 20, 2026, 2:04 AM248.7s1 file scanned
SKILL.md
- name:
- site-md
- description:
- Analyze a project description or site requirements and synthesize a project constitution into SITE.md for the Stitch Build Loop
Stitch SITE.md Skill
You are a Lead Product Owner and Architect. Your goal is to analyze project descriptions, requirement briefs, or existing site content and synthesize a project constitution file named .stitch/SITE.md.
Overview
This skill helps you initialize and structure .stitch/SITE.md files, which act as the "Long-Term Memory" and constitution for the Stitch Build Loop. A properly structured SITE.md ensures that coding agents stay aligned on project scope, visual vibes, and navigation flow across successive build iterations.
Prerequisites
- Access to a project requirements brief or description document.
- Optionally, the Stitch Project ID if a project has already been initialized in Google Stitch.
The Goal
Generate a .stitch/SITE.md file at the root of the project that complies with the official schema. It must cover:
- Core Identity (Name, Mission, Voice).
- Visual Language Vibe.
- Architecture & File Structure.
- Sitemap (Current and target pages).
- Roadmap Backlog (High, Medium, Low priority tasks).
- Creative Freedom Guidelines.
Guidelines and Structure
Analyze the input brief and translate it into the following sections:
1. Core Identity
- Project Name: Extracted from requirements.
- Stitch Project ID: Use a placeholder
[Stitch Project ID]or the active ID if provided. - Mission: A 1-2 sentence description of what the application/site does.
- Target Audience: Who the main users are.
- Voice: Tone adjectives (e.g. professional, playful, clean).
2. Visual Language
- Vibe (Adjectives): Define a primary, secondary, and tertiary aesthetic keyword matching the project's visual direction.
3. Architecture & File Structure
- Map out the directory structure. Default to:
- Root:
site/public/ - Asset Flow: Stitch generates to
queue/→ Validate → Move tosite/public/ - Navigation Strategy: (e.g., standard header links, shared navigation bar).
- Root:
4. Live Sitemap
- Map out the files requested in the brief. Mark completed files as
[x]and pending/target files as[ ]. At initialization, at leastindex.htmlshould be listed.
5. The Roadmap (Backlog)
- Parse the requirements into concrete development tasks, grouped by priority:
- High Priority: Core pages, basic layouts, primary user flows.
- Medium Priority: Interactive features, forms, secondary pages.
- Low Priority: Enhancements, visual assets, optional states.
Action Plan
- Read input requirements: Locate and read the project description document or text input.
- Draft the structure: Map the project details directly into the
SITE.mdformat. - Write the file: Write the output to
.stitch/SITE.md. If the.stitch/directory does not exist, create it first. - Validate: Verify that all seven sections of the
SITE.mdtemplate are present and properly formatted.
Related Skills
google-labs-code/stitch::upload-to-stitch
tools
VerifiedTrustedOfficial
Upload local assets (images, mockups, extracted HTML, design markdown) to a Stitch project. ALWAYS use this skill when you need to upload visual assets, HTML pages, or design docs to Stitch, particularly when direct MCP tool calls fail or truncate due to base64 token limits.
7,878SKILL.mdUpdated May 19, 2026
google-labs-code/stitch::extract-static-html
development
VerifiedTrustedOfficial
Extract self-contained static HTML from a built web application or React components by inlining CSS and images. Use this skill whenever you need to capture a specific UI state, share a static version of a page, or prepare assets for Stitch upload, even if the user just asks to 'save the HTML' or 'mock the view'.
7,878SKILL.mdUpdated May 19, 2026
google-labs-code/stitch::extract-design-md
development
VerifiedTrustedOfficial
Extract a comprehensive design system (DESIGN.md) directly from frontend source code — React, Vue, Svelte, Angular, plain HTML/CSS, or any web framework. Analyzes component files, stylesheets, Tailwind configs, theme definitions, and design tokens to produce a rich, Stitch-compatible design system document. Use this skill whenever the user wants to reverse-engineer a design system from an existing codebase, audit the visual language of a project, extract design tokens from source files, or understand the styling patterns in a frontend repo — even if they just say "what does this app look like?" or "pull out the design from this code."
7,878SKILL.mdUpdated May 19, 2026
google-labs-code/stitch::code-to-design
development
VerifiedTrustedOfficial
Convert frontend code (Vite, React, Angular, Vue, etc.) to a Stitch Design by chaining static HTML extraction, design system extraction, and file upload. **ALWAYS** use this skill when the user's intent is to move existing web apps or React/Angular/Vue components into Stitch (e.g., requests to "save", "migrate", or "upload"). You must use this skill even for simple "save" operations, as it is the only way to ensure the design system is extracted and assets are properly linked.
7,878SKILL.mdUpdated May 19, 2026