AI
AI Skill
Install the FanID Widget skill to give your AI assistant knowledge about the WebSDK.
Give your AI coding assistant (Claude Code, Cursor, etc.) built-in knowledge about the FanID WebSDK by installing the skill.
What the skill provides
The FanID Widget skill teaches your AI assistant:
- How to install and initialize the widget
- All configuration options and their defaults
- The three gating methods (Custom Element, data attributes, programmatic)
- JavaScript API reference (gate, ungate, events, auth)
- CSS custom properties for styling gated content and the floating widget
- Framework-specific setup for React, Vue, Angular, and WordPress
- FOUC prevention, ad-blocker resistance, and best practices
Install
Claude Code
npx skills add fanid-widget --from https://docs.fanid.co
Manual installation
Copy the skill file into your project's skills directory:
.claude/skills/fanid-widget/SKILL.md
Or for a Docus-based documentation project:
skills/fanid-widget/SKILL.md
Usage
Once installed, your AI assistant can:
- Generate correct widget integration code when you ask "add FanID to my site"
- Provide accurate CSS custom property names and defaults
- Set up framework-specific boilerplate (React hooks, Vue config, etc.)
- Troubleshoot configuration issues with context about how the widget works