Skip to main content
Version: Latest

Using with OpenCode

OpenCode has native agent skills support. Dragble skills are automatically discovered and loaded on-demand.

Install​

npx skills add dragble/dragble-skills -a opencode

This installs 5 skills to .agents/skills/:

  • dragble-integration/ -- Framework setup
  • dragble-custom-tools/ -- Custom tools and widgets
  • dragble-export/ -- Export and design management
  • dragble-config/ -- Configuration and appearance
  • dragble-ai/ -- AI features and storage

How It Works​

OpenCode discovers skills from .agents/skills/*/SKILL.md. Each skill appears in the agent's available skills list and is loaded on-demand when you ask a Dragble-related question.

Permissions​

You can configure skill permissions in opencode.json:

{
  "permission": {
    "skill": {
      "dragble-*": "allow"
    }
  }
}
PermissionBehavior
allowSkill loads immediately (recommended)
askUser prompted before loading
denySkill hidden from agent

Global Install​

npx skills add dragble/dragble-skills -a opencode -g

Usage​

After installing, start OpenCode and ask:

How do I add the Dragble editor to my React app with save and load?