Skip to main content
Version: Latest

Using with Claude Code

Claude Code reads agent skills from .claude/skills/ in your project.

Install​

npx skills add dragble/dragble-skills -a claude-code

This installs 5 skills to .claude/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​

Claude Code discovers skills from .claude/skills/*/SKILL.md and loads the relevant one based on your question. No manual selection needed.

Usage​

After installing, ask Claude Code questions about Dragble:

Add the Dragble editor to my Vue 3 app with module save
Set up merge tags with grouped categories for my email templates
Build a custom product card tool with price, image, and buy button

Verify​

.claude/
  skills/
    dragble-integration/SKILL.md
    dragble-custom-tools/SKILL.md
    dragble-export/SKILL.md
    dragble-config/SKILL.md
    dragble-ai/SKILL.md