# Magic Patterns AI Agent Skills

Magic Patterns publishes official AI agent skills for its tools, services, and developer workflows.

Browse 18 official AI agent skills across 1 Magic Patterns repository, with install commands and source links.

Official page: https://skillscout.sh/official/magicpatterns/
Markdown page: https://skillscout.sh/official/magicpatterns/magicpatterns_skills_skillscout.md
Vendor website: https://github.com/magicpatterns

## Prompt for your agent

Fetch this Markdown manifest as plain text: https://skillscout.sh/official/magicpatterns/magicpatterns_skills_skillscout.md. If your browser cannot display the Markdown directly, use curl or another text fetcher. Recommend the relevant Magic Patterns skills package or packages for my goal, explain which individual skills matter, and wait for my approval. After I approve, install with the npx command. If no project is open, install it as an agent skill I can use later.

## Skills packages

### magicpatterns/agent-plugins

Includes 18 official skills: inspiration, recreate-as-raw-html, integrate-magic-patterns-design, prototype, recreate-as-react, upload-to-magic-patterns.

Install:

```bash
npx skills add magicpatterns/agent-plugins -y
```

Source: https://github.com/magicpatterns/agent-plugins

## Individual skills

### inspiration

Official Magic Patterns skill from magicpatterns/agent-plugins.

Install:

```bash
npx skills add magicpatterns/agent-plugins@inspiration -y
```

Package: magicpatterns/agent-plugins
Source: https://github.com/magicpatterns/agent-plugins/tree/HEAD/claude-code/plugins/magic-patterns/skills/inspiration

### recreate-as-raw-html

Official Magic Patterns skill from magicpatterns/agent-plugins.

Install:

```bash
npx skills add magicpatterns/agent-plugins@recreate-as-raw-html -y
```

Package: magicpatterns/agent-plugins
Source: https://github.com/magicpatterns/agent-plugins/tree/HEAD/claude-code/plugins/magic-patterns/skills/recreate-as-raw-html

### integrate-magic-patterns-design

Official Magic Patterns skill from magicpatterns/agent-plugins.

Install:

```bash
npx skills add magicpatterns/agent-plugins@integrate-magic-patterns-design -y
```

Package: magicpatterns/agent-plugins
Source: https://github.com/magicpatterns/agent-plugins/tree/HEAD/claude-code/plugins/magic-patterns/skills/integrate-magic-patterns-design

### prototype

Official Magic Patterns skill from magicpatterns/agent-plugins.

Install:

```bash
npx skills add magicpatterns/agent-plugins@prototype -y
```

Package: magicpatterns/agent-plugins
Source: https://github.com/magicpatterns/agent-plugins/tree/HEAD/claude-code/plugins/magic-patterns/skills/prototype

### recreate-as-react

Official Magic Patterns skill from magicpatterns/agent-plugins.

Install:

```bash
npx skills add magicpatterns/agent-plugins@recreate-as-react -y
```

Package: magicpatterns/agent-plugins
Source: https://github.com/magicpatterns/agent-plugins/tree/HEAD/claude-code/plugins/magic-patterns/skills/recreate-as-react

### upload-to-magic-patterns

Official Magic Patterns skill from magicpatterns/agent-plugins.

Install:

```bash
npx skills add magicpatterns/agent-plugins@upload-to-magic-patterns -y
```

Package: magicpatterns/agent-plugins
Source: https://github.com/magicpatterns/agent-plugins/tree/HEAD/claude-code/plugins/magic-patterns/skills/upload-to-magic-patterns

### inspiration

Official Magic Patterns skill from magicpatterns/agent-plugins.

Install:

```bash
npx skills add magicpatterns/agent-plugins@inspiration -y
```

Package: magicpatterns/agent-plugins
Source: https://github.com/magicpatterns/agent-plugins/tree/HEAD/codex/skills/inspiration

### inspiration

Official Magic Patterns skill from magicpatterns/agent-plugins.

Install:

```bash
npx skills add magicpatterns/agent-plugins@inspiration -y
```

Package: magicpatterns/agent-plugins
Source: https://github.com/magicpatterns/agent-plugins/tree/HEAD/cursor/skills/inspiration

### integrate-magic-patterns-design

Official Magic Patterns skill from magicpatterns/agent-plugins.

Install:

```bash
npx skills add magicpatterns/agent-plugins@integrate-magic-patterns-design -y
```

Package: magicpatterns/agent-plugins
Source: https://github.com/magicpatterns/agent-plugins/tree/HEAD/codex/skills/integrate-magic-patterns-design

### integrate-magic-patterns-design

Official Magic Patterns skill from magicpatterns/agent-plugins.

Install:

```bash
npx skills add magicpatterns/agent-plugins@integrate-magic-patterns-design -y
```

Package: magicpatterns/agent-plugins
Source: https://github.com/magicpatterns/agent-plugins/tree/HEAD/cursor/skills/integrate-magic-patterns-design

### prototype

Official Magic Patterns skill from magicpatterns/agent-plugins.

Install:

```bash
npx skills add magicpatterns/agent-plugins@prototype -y
```

Package: magicpatterns/agent-plugins
Source: https://github.com/magicpatterns/agent-plugins/tree/HEAD/codex/skills/prototype

### prototype

Official Magic Patterns skill from magicpatterns/agent-plugins.

Install:

```bash
npx skills add magicpatterns/agent-plugins@prototype -y
```

Package: magicpatterns/agent-plugins
Source: https://github.com/magicpatterns/agent-plugins/tree/HEAD/cursor/skills/prototype

### recreate-as-raw-html

Official Magic Patterns skill from magicpatterns/agent-plugins.

Install:

```bash
npx skills add magicpatterns/agent-plugins@recreate-as-raw-html -y
```

Package: magicpatterns/agent-plugins
Source: https://github.com/magicpatterns/agent-plugins/tree/HEAD/codex/skills/recreate-as-raw-html

### recreate-as-raw-html

Official Magic Patterns skill from magicpatterns/agent-plugins.

Install:

```bash
npx skills add magicpatterns/agent-plugins@recreate-as-raw-html -y
```

Package: magicpatterns/agent-plugins
Source: https://github.com/magicpatterns/agent-plugins/tree/HEAD/cursor/skills/recreate-as-raw-html

### recreate-as-react

Official Magic Patterns skill from magicpatterns/agent-plugins.

Install:

```bash
npx skills add magicpatterns/agent-plugins@recreate-as-react -y
```

Package: magicpatterns/agent-plugins
Source: https://github.com/magicpatterns/agent-plugins/tree/HEAD/codex/skills/recreate-as-react

### recreate-as-react

Official Magic Patterns skill from magicpatterns/agent-plugins.

Install:

```bash
npx skills add magicpatterns/agent-plugins@recreate-as-react -y
```

Package: magicpatterns/agent-plugins
Source: https://github.com/magicpatterns/agent-plugins/tree/HEAD/cursor/skills/recreate-as-react

### upload-to-magic-patterns

Official Magic Patterns skill from magicpatterns/agent-plugins.

Install:

```bash
npx skills add magicpatterns/agent-plugins@upload-to-magic-patterns -y
```

Package: magicpatterns/agent-plugins
Source: https://github.com/magicpatterns/agent-plugins/tree/HEAD/codex/skills/upload-to-magic-patterns

### upload-to-magic-patterns

Official Magic Patterns skill from magicpatterns/agent-plugins.

Install:

```bash
npx skills add magicpatterns/agent-plugins@upload-to-magic-patterns -y
```

Package: magicpatterns/agent-plugins
Source: https://github.com/magicpatterns/agent-plugins/tree/HEAD/cursor/skills/upload-to-magic-patterns

## magicpatterns/agent-plugins package overview

Includes 18 official skills: inspiration, recreate-as-raw-html, integrate-magic-patterns-design, prototype, recreate-as-react, upload-to-magic-patterns.

### Top skills in this package

- inspiration: Official Magic Patterns skill from magicpatterns/agent-plugins.
- recreate-as-raw-html: Official Magic Patterns skill from magicpatterns/agent-plugins.
- integrate-magic-patterns-design: Official Magic Patterns skill from magicpatterns/agent-plugins.
- prototype: Official Magic Patterns skill from magicpatterns/agent-plugins.
- recreate-as-react: Official Magic Patterns skill from magicpatterns/agent-plugins.
- upload-to-magic-patterns: Official Magic Patterns skill from magicpatterns/agent-plugins.
- inspiration: Official Magic Patterns skill from magicpatterns/agent-plugins.
- inspiration: Official Magic Patterns skill from magicpatterns/agent-plugins.

### Install

Install the full package:

```bash
npx skills add magicpatterns/agent-plugins -y
```

Install a specific skill:

```bash
npx skills add magicpatterns/agent-plugins@inspiration -y
```

Use the package when you want your agent to choose the relevant skill from this official repository.

Source: https://github.com/magicpatterns/agent-plugins#readme
