← All skills

design-mirror

90 / 100 · Low risk

Fine to try.

By davila7/claude-code-templates (GitHub) · design · 33,256 stars · scanned at commit a6e6f93

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 …

Works with any agent that supports SKILL.md skills.

What this skill can do

Install

Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.

if [ -e ~/.agents/skills/'design-mirror' ] || [ -L ~/.agents/skills/'design-mirror' ]; then echo 'A skill folder named design-mirror already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/davila7/claude-code-templates' "$d" && git -C "$d" checkout --quiet 'a6e6f93e9a4baaa6ff337aee5505bf5c2bae4ce6' -- 'cli-tool/components/skills/web-data/design-mirror' && mkdir -p ~/.agents/skills && cp -R "$d"/'cli-tool/components/skills/web-data/design-mirror' ~/.agents/skills/'design-mirror' && rm -rf "$d"; fi

Codex reads ~/.agents/skills directly. For Claude Code, Cursor, Copilot, Gemini CLI, Antigravity or OpenCode, also link it. For Claude Code: ln -s ~/.agents/skills/'design-mirror' ~/.claude/skills/'design-mirror' (other agents: ~/.cursor/skills, ~/.copilot/skills, ~/.gemini/skills, ~/.gemini/config/skills, ~/.config/opencode/skills). Or install through the finder skill, which does both.

Badge for your README

The badge for davila7/claude-code-templates shows the score of its lowest-scoring skill.

[![SkillTrust](https://zalavijaysinh.github.io/skilltrust/badges/davila7/claude-code-templates.svg)](https://zalavijaysinh.github.io/skilltrust/repos/davila7/claude-code-templates/)

Score history

Also found in

Identical copies of this skill exist at:

• aicodedecode/awesome-muse-skills/skills-imported/design-mirror