Claude Skill

What Is This?

Claude Code is Anthropic's AI coding assistant that runs in your terminal. It can read your code, write new code, and help you build features.

A skill is like giving Claude a cheat sheet. When you install the SupaStory skill, Claude learns our SDK inside and out—so when you ask it to add SupaStory to your project, it writes the code correctly on the first try.

Without the skill, Claude might make guesses about our API. With the skill, it knows exactly how everything works.

Get the Skill

Download the SupaStory SDK Skill

Add this to your project and Claude Code will understand SupaStory perfectly

How to Install

Download the Skill File

Click the download button above, or copy the content to your clipboard.

Add It to Your Project

Create a .claude folder in your project (if you don't have one) and save the skill file there:

mkdir -p .claude
# Save or paste the skill as .claude/supastory-sdk.md

Tell Claude Code to Use It

Create or edit .claude/settings.json in your project:

{
  "skills": [
    ".claude/supastory-sdk.md"
  ]
}

Start Asking

Now when you ask Claude Code about SupaStory, it'll know exactly what to do. Try things like:

"Add SupaStory to my Next.js app"
"Set up privacy masking for credit card fields"
"Track when users complete a purchase"

What's in the Skill?

The skill teaches Claude about:

All the SDK functions — init(), identify(), trackConversion(), and more. Claude knows the parameters, types, and when to use each one.

Framework patterns — How to set up SupaStory properly in React, Next.js, Vue, or plain JavaScript.

Privacy configuration — The right way to mask sensitive data, block elements, and handle consent.

Common tasks — User identification, conversion tracking, conditional recording, and other real-world patterns.

Example Prompts

Once you've installed the skill, try these:

"Initialize SupaStory in my app with privacy masking for all inputs"

"Add user identification after they log in with NextAuth"

"Only start recording after the user accepts cookies"

"Track purchase conversions with the order value"

Claude will write working code that follows our best practices.

Why Bother?

Faster coding — No more looking up docs while you code. Ask Claude and it writes the code for you.

Fewer mistakes — Claude knows the correct API, so you won't get runtime errors from typos or wrong parameters.

Best practices built in — Privacy handling, error handling, and proper patterns are automatic.

Keeping It Updated

When we add new features to the SDK, we update the skill file. Just download the latest version from this page and replace your old one.

On this page