This is a structured workflow skill that turns Claude into a design tool for shipping HTML prototypes, slide decks, and landing pages. The workflow loop (understand, explore, plan, build, verify, deliver) keeps the agent from jumping straight to code, and it includes Playwright for screenshot verification after every build. It pulls brand systems from getdesign.md, so you can say "make this look like Stripe" and get their tokens automatically applied as CSS variables. Uses pinned React and Babel CDN versions to avoid breakage. Includes export scripts for PPTX, PDF, and single-file HTML. The "always generate 3+ variations" rule is useful for exploring directions without manual iteration. Best for solo devs or small teams who need design artifacts without opening Figma.
npx skills add https://github.com/aradotso/trending-skills --skill cc-design-html-prototyping