# replica-design

> Rebuilds an app's design system for a clone: colour roles, type scale, spacing, radius, shadows and every component wit…

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.

- Type: Skill
- Made by: Jakeschincariol
- Category: Design
- Formats: Skills
- Version: cfb3df4
- Source: https://github.com/jakeschincariol/replica-skill/tree/HEAD/replica-design
- Page: https://pluginboard.ai/skills/replica-design

## Works with

- ChatGPT
- Claude
- Gemini
- GitHub Copilot
- Cursor
- Claude Code
- Codex
- Antigravity
- Gemini CLI
- Replit
- OpenClaw
- OpenCode
- Hermes Agent

## Install

### ChatGPT

In ChatGPT: Download the replica-design folder and zip it, then Plugins → Skills → Create → Upload from your computer. Business and Enterprise plans.

View the folder on GitHub: https://github.com/Jakeschincariol/replica-skill/tree/HEAD/replica-design

### Claude

In Claude (web or desktop): Download the replica-design folder and zip the folder itself, then upload it in Customize → Skills.

View the folder on GitHub: https://github.com/Jakeschincariol/replica-skill/tree/HEAD/replica-design

### Gemini

In Gemini: Download the replica-design folder, then at gemini.google.com click Customize → Skills → Create → Upload and pick the folder (or a .zip of it).

View the folder on GitHub: https://github.com/Jakeschincariol/replica-skill/tree/HEAD/replica-design

### GitHub Copilot

Run in your terminal:

```shell
npx -y degit Jakeschincariol/replica-skill/replica-design ~/.copilot/skills/replica-design
```

View the folder on GitHub: https://github.com/Jakeschincariol/replica-skill/tree/HEAD/replica-design

### Cursor

Run in your terminal:

```shell
npx -y degit Jakeschincariol/replica-skill/replica-design ~/.cursor/skills/replica-design
```

View the folder on GitHub: https://github.com/Jakeschincariol/replica-skill/tree/HEAD/replica-design

### Claude Code

Run in your terminal:

```shell
npx -y degit Jakeschincariol/replica-skill/replica-design ~/.claude/skills/replica-design
```

View the folder on GitHub: https://github.com/Jakeschincariol/replica-skill/tree/HEAD/replica-design

Or all of Replica, in Claude Code:

```text
/plugin marketplace add Jakeschincariol/replica-skill
/plugin install replica-skill@replica-skill
```

### Codex

Run in your terminal:

```shell
npx -y degit Jakeschincariol/replica-skill/replica-design ~/.agents/skills/replica-design
```

View the folder on GitHub: https://github.com/Jakeschincariol/replica-skill/tree/HEAD/replica-design

### Antigravity

In Antigravity: Copy the replica-design folder into ~/.gemini/config/skills (Antigravity app and IDE) or ~/.gemini/antigravity-cli/skills (Antigravity CLI).

View the folder on GitHub: https://github.com/Jakeschincariol/replica-skill/tree/HEAD/replica-design

### Gemini CLI

Run in your terminal:

```shell
npx -y degit Jakeschincariol/replica-skill/replica-design ~/.gemini/skills/replica-design
```

View the folder on GitHub: https://github.com/Jakeschincariol/replica-skill/tree/HEAD/replica-design

### Replit

Run in your terminal:

```shell
npx -y degit Jakeschincariol/replica-skill/replica-design .agents/skills/replica-design
```

View the folder on GitHub: https://github.com/Jakeschincariol/replica-skill/tree/HEAD/replica-design

### OpenClaw

Run in your terminal:

```shell
npx -y degit Jakeschincariol/replica-skill/replica-design ~/.openclaw/skills/replica-design
```

View the folder on GitHub: https://github.com/Jakeschincariol/replica-skill/tree/HEAD/replica-design

### OpenCode

Run in your terminal:

```shell
npx -y degit Jakeschincariol/replica-skill/replica-design ~/.config/opencode/skills/replica-design
```

View the folder on GitHub: https://github.com/Jakeschincariol/replica-skill/tree/HEAD/replica-design

### Hermes Agent

Run in your terminal:

```shell
npx -y degit Jakeschincariol/replica-skill/replica-design ~/.hermes/skills/replica-design
```

View the folder on GitHub: https://github.com/Jakeschincariol/replica-skill/tree/HEAD/replica-design

---
From Pluginboard (https://pluginboard.ai).