Agent Skill
Replica Design skill
replica-designJakeschincariol/replica-skillreplica-design/SKILL.md
Rebuilds an app's design system for a clone: colour roles, type scale, spacing, radius, shadows and every component with its states, as design tokens plus component specs, with original assets instead of the target's logos, icons, illustrations or licensed fonts. Includes a WCAG contrast checker. Use when the user says "match the design", "rebuild the design system", "get the colours and fonts", "make it look like X", "design tokens for my clone", or after /replica-architect.
always on
111 tokname + description
once used
900 tokSKILL.md body
bundled files
21 scripts
repo stars
4.2kGitHub
Install the Replica Design skill
Skills CLI (Claude Code, Codex, Cursor and others)
npx skills add https://github.com/Jakeschincariol/replica-skill --skill replica-design
Claude Code, by hand (all projects)
git clone --depth 1 https://github.com/Jakeschincariol/replica-skill.git /tmp/replica-skill mkdir -p ~/.claude/skills cp -R /tmp/replica-skill/replica-design ~/.claude/skills/replica-design
For one project only, copy the folder into .claude/skills/ in that project instead. The agent picks it up when a task matches its description.
What it costs your context
Agent Skills load in three steps. Tokens counted with the o200k tokenizer; your model's count will differ a little.
| When | What loads | Cost |
|---|---|---|
| Every session | Name and description | 111 tok |
| When the agent uses it | The SKILL.md instructions | 900 tok |
| Only if opened | 2 bundled files (7 KB) | varies |
Until it is used, replica-design costs about 12× less than the median MCP server we measured (1,363 tokens on every turn). Installing all 11 skills from Jakeschincariol/replica-skill would load 1,257 tokens of descriptions. Skills vs MCP study
Checks
- Ships scripts the agent can run. Read them before installing.
Checked 2026-10-22 · method
What's inside
The headings of its SKILL.md. Read the full file on GitHub.
- replica-design
- The rules
- Step 1: measure, do not guess
- Step 2: write the tokens
- Step 3: component specs
- Step 4: build the primitives
- Output
More skills from Jakeschincariol/replica-skill
- replica-architectJakeschincariol/replica-skill
Plans the stack, database schema and API for an app clone, from the recon map replica-recon wrote. Picks boring, managed tech, turns the inferred data model into real SQL with indexes and access rules, lists every route by flow, and orders the build as a thin vertical slice first. Use when the user says "plan the clone", "what stack should I use", "design the database", "write the schema", "plan the API", "architecture for my version of X", or after /replica-recon finishes.
4.2k113 tok idle · 1,005 in use - replica-backendJakeschincariol/replica-skill
Builds the backend of an app clone: auth, database migrations and access rules, payments with Stripe, email, background jobs and third-party integrations through official APIs only, plus a security checklist. Use when the user says "add login", "set up auth", "wire up the database", "add payments", "connect Stripe", "add Google Calendar", "send emails", "backend for my clone", or when /replica-build is running on fake data.
4.2k98 tok idle · 804 in use - replica-brandJakeschincariol/replica-skill
Names and rebrands an app clone so it is the user's own: name candidates with the trademark, domain, store and handle checks to run, a new palette checked for contrast, a logo brief, a voice guide, and a sweep tool that finds anything of the original left in the codebase. Use when the user says "name my app", "rebrand the clone", "make it mine", "pick a name and colours", "logo brief", "brand voice", "check for leftovers", or after /replica-entrepreneur. Always runs before /replica-launch.
4.2k1122 tok idle · 976 in use - replica-buildJakeschincariol/replica-skill
Rebuilds an app screen by screen from the recon map: app shell first, then the core flow as a vertical slice, then every screen with all its states, ticking off the feature matrix as it goes. Writes every line fresh, never the original's code, assets or copy. Use when the user says "build the clone", "build screen S07", "start building", "rebuild this screen", "implement the booking page", or after /replica-design.
4.2k101 tok idle · 814 in use - replica-deployJakeschincariol/replica-skill
Ships an app clone live on the user's own domain: a preflight gate (tests green, parity must-haves done, rebrand sweep clean, listing linted, legal pages up), production database and env vars, the host, DNS records for the domain and for email, Stripe live mode, OAuth redirects, monitoring, and mobile builds to TestFlight and Play. Use when the user says "deploy it", "ship it", "put it live", "connect my domain", "go to production", "publish the app", or after /replica-launch.
4.2k119 tok idle · 961 in use - replica-diffJakeschincariol/replica-skill
Compares an app clone against the original: a feature parity score from the feature matrix (weighted by must, should, could) with the missing list in build order, plus a screenshot layout diff that ignores colour so a rebrand does not count against you. Two standard-library Python tools. Use when the user says "how close is my clone", "compare it to the original", "what's missing", "parity check", "diff the screens", "is it ready", or after /replica-test.
4.2k2109 tok idle · 894 in use - replica-entrepreneurJakeschincariol/replica-skill
Researches the app being cloned and reads what its real users say in public reviews (App Store, Google Play, G2, Capterra, Trustpilot, Reddit, Hacker News, its own feature-request board), then ranks what they hate, what is missing and what is unsolved, turns it into a fix plan for the clone and a positioning angle you can sell. Every quote is real, verbatim and linked. Use when the user says "what do people hate about X", "read the reviews", "how do I make mine better", "find the gap", "what features are missing", "how do I position this", "make it sellable", or after /replica-diff.
4.2k1150 tok idle · 1,069 in use - replica-launchJakeschincariol/replica-skill
Writes the launch for an app clone: the landing page built on the positioning angle, pricing set against the original's public pricing and its users' complaints, and the App Store and Google Play listing linted against the stores' limits and copycat rules. Use when the user says "landing page", "pricing", "how much should I charge", "App Store listing", "store screenshots", "launch plan", "Product Hunt", or after /replica-brand.
4.2k198 tok idle · 903 in use