design-mirror
Replicate the visual style of any website and apply it to your existing codebase. Use this skill whenever the user wants to match a site's design, mirror a UI aesthetic, make their app look like another site, or replicate a specific visual style from a URL. Trigger on phrases like 'make it look like', 'match the design of', 'copy the style from', 'I want my app to look like X', 'mirror this design', 'inspired by [url]', or any time the user points at a website and says they want their frontend to match it.
Pinned to revision 4e8964e24a5a, so it is the text this page describes rather than whatever the author pushed since.
Files
- skills/design-mirror/SKILL.md
- skills/design-mirror/LICENSE
- skills/design-mirror/references/apply-guide.md
- skills/design-mirror/references/capture-guide.md
- skills/design-mirror/references/css-extraction.md
- skills/design-mirror/scripts/scrape_html.sh
- skills/design-mirror/scripts/screenshot.sh
Every link opens the file at its source, pinned to the revision this page describes.