# design

> Extract a reference website's design system into DESIGN.md with tokens, layout, components, and imagery.

Extract a reference website's design system into DESIGN.md with tokens, layout, components, and imagery. Use for recreating its visual style or documenting UI patterns.

- Type: Skill
- Made by: firecrawl
- Category: Design
- Formats: Skills
- Version: bfdb0d5
- Source: https://github.com/firecrawl/firecrawl-claude-plugin/tree/HEAD/skills/design
- Page: https://pluginboard.ai/skills/design-firecrawl

## 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 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/firecrawl/firecrawl-claude-plugin/tree/HEAD/skills/design

### Claude

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

View the folder on GitHub: https://github.com/firecrawl/firecrawl-claude-plugin/tree/HEAD/skills/design

### Gemini

In Gemini: Download the 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/firecrawl/firecrawl-claude-plugin/tree/HEAD/skills/design

### GitHub Copilot

Run in your terminal:

```shell
npx -y degit firecrawl/firecrawl-claude-plugin/skills/design ~/.copilot/skills/design
```

View the folder on GitHub: https://github.com/firecrawl/firecrawl-claude-plugin/tree/HEAD/skills/design

### Cursor

Run in your terminal:

```shell
npx -y degit firecrawl/firecrawl-claude-plugin/skills/design ~/.cursor/skills/design
```

View the folder on GitHub: https://github.com/firecrawl/firecrawl-claude-plugin/tree/HEAD/skills/design

### Claude Code

Run in your terminal:

```shell
npx -y degit firecrawl/firecrawl-claude-plugin/skills/design ~/.claude/skills/design
```

View the folder on GitHub: https://github.com/firecrawl/firecrawl-claude-plugin/tree/HEAD/skills/design

Or all of Firecrawl plugin, in Claude Code:

```text
/plugin marketplace add anthropics/claude-plugins-official
/plugin install firecrawl@claude-plugins-official
```

### Codex

Run in your terminal:

```shell
npx -y degit firecrawl/firecrawl-claude-plugin/skills/design ~/.agents/skills/design
```

View the folder on GitHub: https://github.com/firecrawl/firecrawl-claude-plugin/tree/HEAD/skills/design

### Antigravity

In Antigravity: Copy the 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/firecrawl/firecrawl-claude-plugin/tree/HEAD/skills/design

### Gemini CLI

Run in your terminal:

```shell
npx -y degit firecrawl/firecrawl-claude-plugin/skills/design ~/.gemini/skills/design
```

View the folder on GitHub: https://github.com/firecrawl/firecrawl-claude-plugin/tree/HEAD/skills/design

### Replit

Run in your terminal:

```shell
npx -y degit firecrawl/firecrawl-claude-plugin/skills/design .agents/skills/design
```

View the folder on GitHub: https://github.com/firecrawl/firecrawl-claude-plugin/tree/HEAD/skills/design

### OpenClaw

Run in your terminal:

```shell
npx -y degit firecrawl/firecrawl-claude-plugin/skills/design ~/.openclaw/skills/design
```

View the folder on GitHub: https://github.com/firecrawl/firecrawl-claude-plugin/tree/HEAD/skills/design

### OpenCode

Run in your terminal:

```shell
npx -y degit firecrawl/firecrawl-claude-plugin/skills/design ~/.config/opencode/skills/design
```

View the folder on GitHub: https://github.com/firecrawl/firecrawl-claude-plugin/tree/HEAD/skills/design

### Hermes Agent

Run in your terminal:

```shell
npx -y degit firecrawl/firecrawl-claude-plugin/skills/design ~/.hermes/skills/design
```

View the folder on GitHub: https://github.com/firecrawl/firecrawl-claude-plugin/tree/HEAD/skills/design

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