design-md
Create Stitch DESIGN.md Guides
Design teams need consistent prompts for Stitch projects. This skill analyzes project screens and produces a DESIGN.md guide with colors, typography, components, and layout rules.
Install with my Agent
Copy this request to your Agent. It includes the canonical Skill page and manifest.
Review the Skillstore skill "design-md" from https://skillstore.io/skills/sickn33-design-md.md and its manifest at https://skillstore.io/api/skills/sickn33-design-md/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.Your Agent should still show its plan and request any confirmation required by the security policy.
Agent-readable resources
Use these links when an AI agent, crawler, or script needs clean context instead of reading the full page.
Test it
Using "design-md". A Stitch project called Furniture Collection with a completed home screen.
Expected outcome:
A DESIGN.md draft with project identity, warm neutral colors, serif headings, product cards, and spacing rules.
Using "design-md". A project ID and screen ID for a mobile onboarding flow.
Expected outcome:
A mobile-focused design guide covering dimensions, button shapes, field styles, hierarchy, and reusable screen language.
Using "design-md". Two related dashboard screens from the same Stitch project.
Expected outcome:
A consolidated design reference that separates global patterns from screen-specific layout choices.
Security Audit
SafeThe static findings are false positives caused by Markdown code spans, fenced examples, benign documentation URLs, and design-analysis language. No evidence found of shell execution, unauthorized upload, system reconnaissance, prompt injection, or data exfiltration in SKILL.md. The skill does request user-authorized Stitch MCP data and optional URL downloads, so users should provide only projects they are allowed to analyze.
Risk Factors
โ๏ธ External commands (30)
๐ Network access (3)
Share & cite this report
Share the versioned assessment report, neutral badge, embed card, and citations. Skillstore reports evidence without deciding whether this Skill is safe.
Copy report link
https://skillstore.io/skills/sickn33-design-md/audits/6?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdown badge
[](https://skillstore.io/skills/sickn33-design-md?utm_source=security_passport_badge)HTML badge
<a href="https://skillstore.io/skills/sickn33-design-md?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/sickn33-design-md/security.svg" alt="Skillstore security assessment" loading="lazy"></a>Embed card
<iframe src="https://skillstore.io/embed/skills/sickn33-design-md.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>Academic citations (APA ยท BibTeX ยท CFF)
APA citation
sickn33. (2026). design-md security audit report (audit version 6) [Author version unspecified]. Skillstore. https://skillstore.io/skills/sickn33-design-md/audits/6BibTeX citation
@techreport{sickn33-sickn33-design-md-2026,
author = {sickn33},
title = {design-md security audit report (audit version 6)},
institution = {Skillstore},
year = {2026},
number = {6},
url = {https://skillstore.io/skills/sickn33-design-md/audits/6},
note = {Author version unspecified}
}CITATION.cff
cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "design-md security audit report (audit version 6)"
version: "unspecified"
type: report
authors:
- name: "sickn33"
date-released: "2026-07-09"
url: "https://skillstore.io/skills/sickn33-design-md/audits/6"
identifiers:
- type: other
value: "skillstore:sickn33-design-md:audit:6"
description: "Skillstore immutable audit report identifier"
Compare variants
2 installable variantsEach author remains a separate installable skill. The recommended variant is ranked by Skillstore evidence.
Why this variant is first
sickn33-design-md
2026-08-21
google-labs-code-design-md
2026-08-21
Skillstore Score
Why this score Evidence Confidence: HighWhat You Can Build
Document Existing Projects
Create a DESIGN.md from a Stitch project so future screens keep the same colors, typography, and layout rules.
Translate UI Implementation
Turn HTML, Tailwind classes, and screen metadata into design language that non-engineers can review.
Standardize AI Prompts
Build a reusable design reference for teams that prompt Stitch to create related screens.
Try These Prompts
Use design-md with my Stitch project named [project name]. Find the project, analyze the main screen, and draft DESIGN.md.
Use design-md with project ID [project ID] and screen ID [screen ID]. Document colors, typography, components, and layout rules.
Use design-md to analyze screens [screen A] and [screen B] in project [project ID]. Identify shared rules and separate exceptions.
Use design-md to create a DESIGN.md for [project]. Prioritize semantic color roles, component behavior, spacing principles, and prompt-ready wording.
Best Practices
- Give project and screen IDs when available to reduce lookup errors.
- Review generated language against the actual screenshot before reuse.
- Analyze more than one screen when the project has varied layouts.
Avoid
- Do not analyze projects without permission from the owner.
- Do not treat one unfinished screen as a complete system.
- Do not remove exact color values from the final guide.
Frequently Asked Questions
What does this skill create?
Does it require Stitch MCP access?
Can it work from only a screenshot?
Does it generate app screens?
Which tools can use it?
What data should I provide?
Developer Details
Author
sickn33License
MIT
Skillstore revision
r1
Version notice
The author did not declare a version.
Repository
https://github.com/sickn33/antigravity-awesome-skills/tree/main/web-app/public/skills/design-mdRef
3e4b6c31a74a3bd1a291c98cf585d720cb9fbc88
Maintenance freshness
7/18/2026
Usage
11 downloads ยท 115 views
File structure
๐ SKILL.md