Skip to main content
Version: Latest

Using with Cursor

Cursor reads agent skills from .agents/skills/ in your project.

Install​

npx skills add dragble/dragble-skills -a cursor

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​

Cursor automatically includes files from .agents/skills/ as context when generating responses. It picks the right Dragble skill based on your question.

Usage​

After installing, ask Cursor questions about Dragble:

Add the Dragble editor to my React app with auto-save
Create a custom coupon code tool with a template
Configure external S3 storage for image uploads

Verify​

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