Getdesign

Point this at any public URL and it writes a production-grade design.md file with nine structured sections: visual theme, color palette, typography, components, layout, depth, motion, responsive rules, and an agent prompt guide. Everything is grounded in actual CSS variables, computed styles, and screenshots captured through the agent's built-in browser tool. It won't hallucinate hex codes or invent Tailwind classes the site doesn't use. Good for reverse-engineering a competitor's design system, extracting brand tokens for a redesign, or documenting a live site's visual language without touching Figma. It enforces the same grounding discipline as the hosted getdesign.app but runs entirely in your coding agent with no external API calls.

Install to Claude Code

npx -y skills add mohtashammurshid/getdesign --skill getdesign --agent claude-code