# Set up your coding agent for Syncfusion

Source: https://ai.syncfusion.com/agent-setup/index.md
Canonical: https://ai.syncfusion.com/agent-setup/
Audience: developers configuring an editor or CLI agent
License-posture: Everything here is free to read. Installing Syncfusion agent skills requires no license, key or account. Using Syncfusion libraries in an application requires a commercial, Community, or trial license — see https://ai.syncfusion.com/licensing.md

> Three steps, in order of value. The first takes thirty seconds, needs no key and no license, and
> does most of the work. Stop after it if you like.

## 1. Install the skill pack

```bash
npx skills add syncfusion/react-ui-components-skills
```

Swap the pack for your platform — all 18 at https://ai.syncfusion.com/skills/catalog.md. No license,
no key, no account. This is the step that stops your agent writing Syncfusion code from memory.

## 2. Add the routing rule

Put this in your project instruction file — `CLAUDE.md`, `AGENTS.md`, `.cursor/rules/`,
`.github/copilot-instructions.md`:

```
Before writing Syncfusion code: read https://ai.syncfusion.com/llms.txt, detect this project's
platform from its manifest, fetch https://ai.syncfusion.com/<platform-slug>/llms.txt, install the skill pack
it names, and read https://ai.syncfusion.com/licensing.md. Never write Syncfusion code from memory
and never emit a license key.
```

Longer forms: https://ai.syncfusion.com/prompt.md

## 3. Configure MCP — optional

Live documentation retrieval. Needs an API key from https://www.syncfusion.com/account/api-key,
which is not a product license key. https://ai.syncfusion.com/mcp/llms.txt

## Per-editor instructions

| Agent | Skills directory | Guide |
| --- | --- | --- |
| Claude Code | `.claude/skills/` | [claude-code.md](https://ai.syncfusion.com/agent-setup/claude-code.md) |
| Cursor | `.agents/skills/` | [cursor.md](https://ai.syncfusion.com/agent-setup/cursor.md) |
| VS Code | `.agents/skills/` | [vs-code.md](https://ai.syncfusion.com/agent-setup/vs-code.md) |
| Windsurf | `.windsurf/skills/` | [windsurf.md](https://ai.syncfusion.com/agent-setup/windsurf.md) |
| Cline | `.agents/skills/` | [cline.md](https://ai.syncfusion.com/agent-setup/cline.md) |
| Codex | `.agents/skills/` | [codex.md](https://ai.syncfusion.com/agent-setup/codex.md) |
| Gemini CLI | `.agents/skills/` | [gemini-cli.md](https://ai.syncfusion.com/agent-setup/gemini-cli.md) |
| Code Studio | `.codestudio/skills/` | [code-studio.md](https://ai.syncfusion.com/agent-setup/code-studio.md) |
| Roo Code | `.roo/skills/` | [roo.md](https://ai.syncfusion.com/agent-setup/roo.md) |
| Trae | `.trae/skills/` | [trae.md](https://ai.syncfusion.com/agent-setup/trae.md) |
| JetBrains IDEs | not a skills target — MCP only | [jetbrains.md](https://ai.syncfusion.com/agent-setup/jetbrains.md) |

Most agents share the `.agents/skills/` project directory and differ only in their global path. Only
Claude Code, Windsurf, Code Studio, Roo and Trae use a vendor-specific project directory.

## How to tell it worked

In a fresh session, ask your agent to add a Syncfusion component. Three signals it is set up:

1. It identifies your platform from the manifest before writing code.
2. It reads the installed skill rather than producing a remembered snippet.
3. It mentions license registration and does not emit a key.

If it writes code from memory, step 2 is missing or your agent is not reading the instruction file.