Skip to main content

Using with Cursor

Cursor reads skill files automatically from the .agents/skills/ directory in your project. Once installed, every AI chat and Cmd+K action has access to Unlayer expertise.

Install​

npx skills add unlayer/unlayer-skills --agent cursor

Skills are installed to .agents/skills/ in your project directory.

Verify​

Confirm the skill files are in place:

ls .agents/skills/unlayer*

You should see folders: unlayer/, unlayer-integration/, unlayer-custom-tools/, unlayer-export/, and unlayer-config/.

How It Works in Cursor​

Cursor automatically reads .agents/skills/ files and includes them as context when you:

  • Chat (Cmd+L) — ask questions like "How do I add Unlayer to my React app?"
  • Inline edit (Cmd+K) — generate or modify code with Unlayer-aware suggestions
  • Agent mode — let the AI handle multi-step Unlayer integration tasks

The router skill (unlayer/SKILL.md) identifies the topic and delegates to the appropriate sub-skill, so you get focused, accurate answers regardless of how you phrase your question.

Example Prompts​

Try these in Cursor's chat:

PromptWhat You'll Get
"Add Unlayer email editor to my React app"Complete component with ref handling, onReady, save/load
"Create a custom product card tool"Full registerTool call with renderer, exporters, and properties
"Set up auto-save for the editor"Debounced design:updated listener with exportHtml
"Configure HMAC security"Server-side signature generation + client-side init
"Add merge tags for my email templates"setMergeTags call with nested groups and loops

Update​

npx skills update