/react
Clone a captured website into verified shadcn/ui React components — a capture session becomes one component per route with its captured states as props, themed from the site's own tokens, every state gated against its own reference screenshot. Use when the deliverable is a real
$ npx -y skills add HarKro753/claude-copy --skill react --agent claude-codeHow it fires
How this skill gets triggered: by you, by Claude, or both.
- Fires itselfAuto-invocation. Claude auto-loads it when your prompt matches the work.
- You can call itInvoke it directly when you want it.
- Slash command
/react
Context preview
The summary Claude sees to decide when to auto-load this skill.
Clone a captured website into verified shadcn/ui React components — a capture session becomes one component per route with its captured states as props, themed from the site's own tokens, every state gated against its own reference screenshot. Use when the deliverable is a real
Other skills on claude-copy.
- /chrome-development
Expert guidelines for Chrome extension development with Manifest V3, covering security, performance, and best practices. Use when building browser extensions, creating popup UIs, implementing content scripts, working with Chrome APIs, managing extension permissions, or
Open skill - /html
Clone a captured website into pixel-verified static HTML — a capture session (pages.json plus one folder per page holding ref.png, source.html, computed.json, meta.json) becomes one page.html per route, sharing a shell, a stylesheet, a glyph set and a token scale, where every
Open skill - /image
Recreate a single flat image as one self-contained HTML page, verified by rendering it and comparing to the image — no capture, no DOM, no HTML input. Use when the user hands you just a picture (a screenshot, a poster, an Instagram/carousel slide, a graphic, a UI mock) and wants
Open skill - /copywriting
When the user wants to write, rewrite, or improve marketing copy for any page — including homepage, landing pages, pricing pages, feature pages, about pages, or product pages. Also use when the user says "write copy for," "improve this copy," "rewrite this page," "marketing
Open skill - /dense-ui-metrics
Mathematical spacing, sizing, weight, line-height, letter-spacing, radius, and padding rules for "productive" SaaS interfaces, across density regimes: Dense (Linear / Doppler / Raycast / Vercel), Comfortable/roomier (Cal.com style), and anything in between. Use this whenever you
Open skill - /plugin-creator
Build, validate, and distribute Claude Code plugins — the packaged form of skills, agents, hooks, MCP/LSP servers, monitors and `bin/` executables, with a `.claude-plugin/plugin.json` manifest and optionally a `marketplace.json` catalog. Use this whenever the user wants to make,
Open skill