Armory
Source
Browse
Skills

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.

Score
Unranked
Evidence
No signals yet
Last commit
Not known
Listed

Install

armory install design-mirror --cli claude

writes the skill into.claude/skills/design-mirror/SKILL.mdListed as compatible

Configuration
# fetches the source and writes it to:
.claude/skills/design-mirror/SKILL.md

Needs the armory CLI · not on npm yet, build it from cli/ in the repository

What it is

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.

When to use it

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.

How to install / invoke

# Copy the skill into your .claude/skills/ directory
curl -sL https://raw.githubusercontent.com/davila7/claude-code-templates/main/cli-tool/components/skills/web-data/design-mirror/SKILL.md -o .claude/skills/design-mirror/SKILL.md

Notes

Extracted from davila7/claude-code-templates, design-mirror category.