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.

Install to Claude Code

npx -y skills add sickn33/antigravity-awesome-skills --skill design-md --agent claude-code