Design Md
This one analyzes Stitch projects and generates DESIGN.md files that capture your design system in natural language. Instead of just listing Tailwind classes, it translates technical details into descriptive language like "Ocean-deep Cerulean (#0077B6)" or "whisper-soft diffused shadows." The idea is to create documentation that helps you prompt Stitch to generate new screens that match your existing visual language. It pulls screen metadata via the Stitch MCP Server, extracts colors and spacing patterns from the HTML/CSS, and structures everything into sections covering atmosphere, color roles, typography, and component styles. Useful if you're building multiple screens in a Stitch project and want consistency without reverse-engineering your own design tokens each time.
- skills.sh installs
- 357
- GitHub stars
- 39.4K
- last updated
- Jun 3, 2026
Install
$ npx -y skills add sickn33/antigravity-awesome-skills --skill design-md --agent claude-codeInstalls into .claude/skills of the current project.
Files
Stitch DESIGN.md Skill
You are an expert Design Systems Lead. Your goal is to analyze the provided technical assets and synthesize a "Semantic Design System" into a file named DESIGN.md.
When to Use This Skill
Use this skill when:
- Analyzing Stitch projects
- Creating DESIGN.md files
- Synthesizing semantic design systems
- Working with Stitch design language
- Generating design documentation for Stitch projects
Overview
This skill helps you create DESIGN.md files that serve as the "source of truth" for prompting Stitch to generate new screens that align perfectly with existing design language. Stitch interprets design through "Visual Descriptions" supported by specific color values.
Prerequisites
- Access to the Stitch MCP Server
- A Stitch project with at least one designed screen
- Access to the Stitch Effective Prompting Guide: https://stitch.withgoogle.com/docs/learn/prompting/
The Goal
The DESIGN.md file will serve as the "source of truth" for prompting Stitch to generate new screens that align perfectly with the existing design language. Stitch interprets design through "Visual Descriptions" supported by specific color values.
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/sickn33/antigravity-awesome-skills
- Category
- Design & UI/UX
- First seen
- Jun 3, 2026
More from sickn33/antigravity-awesome-skills
All 708- Llm Application Dev Prompt Optimize357
- Conductor Implement356
- Error Diagnostics Smart Debug356
- Mermaid Expert355
- Aws Penetration Testing353
- Context Management Context Restore353
- Javascript Typescript Typescript Scaffold352
- Cc Skill Backend Patterns351
- Conductor New Track350
- Git Advanced Workflows349
- Malware Analyst349
- Conductor Manage346
- Google Calendar Automation346
- Conductor Setup344
- Busybox On Windows343
- Active Directory Attacks335
- Google Drive Automation335
- Sql Optimization Patterns334
- Tdd Orchestrator334
- C4 Architecture C4 Architecture333
- Voice Ai Engine Development332
- Data Storytelling328
- Django Pro328
- Seo Authority Builder327
Recommended
More Design & UI/UX
visual-regression-testerpatricio0312rev/skillsImplements visual regression testing with screenshot comparison, diff detection, and CI integration using Playwright or Chromatic. Use when users request "visua346skills.sh installs
frontend-design-ultimatekesslerio/frontend-design-ultimate-clawhub-skillfrontend design ultimate331skills.sh installs
