Install Agent Skills
Install Dragble Agent Skills into your project so your AI coding assistant can provide expert-level Dragble guidance.
Installation​
npx skills add dragble/dragble-skills
The CLI automatically detects your installed AI tools and lets you choose where to install.
Target Specific Agents​
npx skills add dragble/dragble-skills -a claude-code
npx skills add dragble/dragble-skills -a opencode
npx skills add dragble/dragble-skills -a cursor
npx skills add dragble/dragble-skills -a github-copilot
npx skills add dragble/dragble-skills -a windsurf
npx skills add dragble/dragble-skills -a codex
npx skills add dragble/dragble-skills --all
What Gets Installed​
Five skill folders:
| Skill | Content |
|---|---|
dragble-integration | Framework setup, events, callbacks, versioning, TypeScript types |
dragble-custom-tools | Custom tools, widgets, template engine, property states, transformers |
dragble-export | Export formats, save/load, design JSON, validation |
dragble-config | Appearance, features, merge tags, fonts, localization, collaboration |
dragble-ai | AI features, external AI, asset storage, image upload |
Install Locations​
| AI Tool | --agent flag | Skill Location |
|---|---|---|
| Claude Code | claude-code | .claude/skills/ |
| OpenCode | opencode | .agents/skills/ |
| Cursor | cursor | .agents/skills/ |
| GitHub Copilot | github-copilot | .agents/skills/ |
| Windsurf | windsurf | .windsurf/skills/ |
| Codex | codex | .agents/skills/ |
Manual Install​
Copy all skill folders from the GitHub repository to your AI tool's skill directory.
Update​
npx skills update
:::tip Keep Skills Updated Skills are updated when Dragble releases new SDK features or API changes. Run the update command periodically to keep your AI assistant current. :::
Remove​
npx skills remove dragble-integration dragble-custom-tools dragble-export dragble-config dragble-ai
Try It Out​
After installing, open your AI assistant and try:
How do I add the Dragble editor to my React app?
Your AI should respond with a complete working integration using dragble-react-editor, proper ref handling, onReady callbacks, and Promise-based export methods.