Skip to content
SkillCheatSheet Sign in

design-mirror

An AI agent skill from davila7/claude-code-templates, scored 77 out of 100 by code.

77/ 100B

Code score by group

  • Spec20/20
  • Description14/20
  • Procedure15/15
  • Done criteria0/15
  • Resources10/10
  • Scripts8/8
  • Safety7/7
  • Upkeep3/5

It loses the most points in Done criteria (15), the group that checks whether there is a checklist and a step that verifies the work.

What the author says it does

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.

This is the description in the skill's own SKILL.md, written by its author, not by SkillCheatSheet.

Repository
davila7/claude-code-templates
Folder
cli-tool/components/skills/web-data/design-mirror
License
MIT
GitHub stars
33,382
SKILL.md lines
172
Other files
5

Add design-mirror to your agent

npx skills add davila7/claude-code-templates --skill design-mirror

The command uses the open skills CLI. A skill is instructions and scripts your agent will follow, so read it first: open the folder on GitHub at the commit that was scored.

Labelled for

More skills from davila7/claude-code-templates

  1. session-handoff

    Creates comprehensive handoff documents for seamless AI agent session transfers. Triggered when: (1) user requests handoff/memory/context save, (2) context window approaches capac…

    Verified88A
  2. five-whys

    Use for the 5 Whys, or when the user wants the root cause of a failure: "why did this happen?", "this keeps breaking", "write the postmortem", "find the real cause". Asks why repe…

    Verified87A
  3. premium-web-design

    Create premium, Awwwards-quality website designs as React (.jsx) components that look like they were built by a top-tier agency charging $50k+ per project. Use this skill whenever…

    87A
  4. thinking-method-selector

    Use when the user describes a problem, decision or stuck situation but names no method: "how should I approach this?", "help me think this through", "we can't decide", "where do I…

    Verified84B
  5. pre-mortem

    Use for a pre-mortem, or before committing to a plan, launch or migration: "what could go wrong?", "stress test this plan", "how might this fail?", "risks before we ship". Assumes…

    Verified83B
  6. render-deploy

    Deploy applications to Render by analyzing codebases, generating render.yaml Blueprints, and providing Dashboard deeplinks. Use when the user wants to deploy, host, publish, or se…

    Verified83B
  7. worktree-cleaner

    Inventory the git worktrees of the current repository, classify each one with evidence (merged, PR state, uncommitted or unpushed work, locked, stale, in use by a running session)…

    Verified83B
  8. xlsx

    Use this skill any time a spreadsheet file is the primary input or output. This means any task where the user wants to: open, read, edit, or fix an existing .xlsx, .xlsm, .csv, or…

    Verified83B

All skills in davila7/claude-code-templates

Scores come from a snapshot of 300 public GitHub repositories taken on 12 November 2026. Every score is the result of fixed checks run by code; no AI is involved. How scoring works.