Rebuilds an app's design system for a clone: colour roles, type scale, spacing, radius, shadows and every component wit…
Part of ReplicaPack · 11 skills
by Jakeschincariol· DesignUnclaimed · Yours? Claim it
About
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.
Skills people install alongside replica-design.
Runs on your machine.
Runs on your machine.
Runs on your machine.
Runs on your machine.
npx -y degit Jakeschincariol/replica-skill/replica-design ~/.copilot/skills/replica-design
Runs on your machine.
npx -y degit Jakeschincariol/replica-skill/replica-design ~/.cursor/skills/replica-design
Runs on your machine.
npx -y degit Jakeschincariol/replica-skill/replica-design ~/.claude/skills/replica-design
/plugin marketplace add Jakeschincariol/replica-skill /plugin install replica-skill@replica-skill
Runs on your machine.
npx -y degit Jakeschincariol/replica-skill/replica-design ~/.agents/skills/replica-design
Runs on your machine.
Runs on your machine.
npx -y degit Jakeschincariol/replica-skill/replica-design ~/.gemini/skills/replica-design
Runs on your machine.
npx -y degit Jakeschincariol/replica-skill/replica-design .agents/skills/replica-design
Runs on your machine.
npx -y degit Jakeschincariol/replica-skill/replica-design ~/.openclaw/skills/replica-design
Runs on your machine.
npx -y degit Jakeschincariol/replica-skill/replica-design ~/.config/opencode/skills/replica-design
Runs on your machine.
npx -y degit Jakeschincariol/replica-skill/replica-design ~/.hermes/skills/replica-design
Scanned and passed · checked 2 h ago
From people who use it
Step by step
Nothing new reaches your agent until a person has looked at it.
Scanned on every change, and again when our rules improve.
No reviews yet. Used replica-design? Say how it went.
Write a reviewSkills people install alongside replica-design.
Has your agent explain a technical idea as an interactive isometric figure of a real machine, built from many small shaded parts.
A community skill that turns a description, code, Terraform, SQL or API schemas into editable draw.io diagrams, and keeps them in sync.
Turns your agent into a disciplined logo designer, from the brief to tested SVG concepts, lockups, icons and brand guidelines.
Turns one approved character still into a game-ready sprite set: every action animated, keyed, looped and exported for your engine.
Nobody has shared how they use replica-design yet.
Security scan
Passed
Safe to install in every agent it supports. Runs in your agent, as instructions.