Skillful Agent Chat Framer plugin

The Skillful Framer plugin allows you to embed Skillful AI Agents into your Framer projects without writing any backend code.

Key features:

• No-Code Embedding: Add the <SkillfulAgent> component to any frame and configure it via the properties panel.
• Real-Time Chat & Workflows: Provide an interactive chat interface powered by your Skillful Agent. Ideal for support, guided tours, and data collection.
• Customizable Look & Feel: Customize fonts, colors, and container styles to match your brand.
• Lightweight & Performant: Lazy-loads only when in view, minimizing impact on site load time.
• Secure API Access: Messages go directly to Skillful over HTTPS. API Key and Agent ID are stored securely in Framer.

To get started:

1. Sign up/log in to Skillful.
2. Generate a new API key.
3. Create an agent and copy its Agent ID.
4. Install the plugin, enter your API Key & Agent ID, and place the component.