Configure a floating help beacon in React apps with article search and Anthropic API grounding.
npx skills add https://github.com/charlieclark/skill-help --skill help-beacon
Please help me install this Agent Skill. Skill: help-beacon Source: https://github.com/charlieclark/skill-help/tree/main/skills/help-beacon Command: npx skills add https://github.com/charlieclark/skill-help --skill help-beacon
This Skill provides an AI-powered floating help beacon that sits as a lightweight widget in a React app, enabling users to get quick, contextual help by querying documentation and AI responses, reducing support friction.
Install the beacon in your project, render the HelpBeacon component in your app layout, and configure help.config.json with beacon settings. Ensure ANTHROPIC_API_KEY is available in your environment and then start your app to see the floating beacon in action.
High-intent search queries and answers about installing and using this skill.
To add a help beacon, render the HelpBeacon component in your app layout and configure settings via help.config.json. It functions as a floating widget that surfaces instant documentation search results and Claude AI responses.
An AI help beacon is a floating widget that performs client-side article search before grounding responses using the Anthropic API. It provides quick, contextual answers from your documentation and falls back to human support if unresolved.
Yes, you need the ANTHROPIC_API_KEY environment variable configured to enable Claude AI grounding. The help beacon uses this API key to process natural language queries against your documentation.
Yes, you can customize the help beacon's greeting and position by modifying the help.config.json file. This configuration file controls the beacon settings for your React application's floating widget.
When the AI help beacon cannot resolve a query, it provides a human fallback option. This offers users a Contact Support option to ensure unresolved queries are redirected to human assistance.
You configure documentation by creating an articles directory containing your help content. The help beacon performs client-side search across article titles, tags, and content to surface relevant results before querying the AI.
thinking-machines-labGuide Tinker installation, environment setup, API key provisioning, and verification.
Happy-Technologies-LLCGenerate HR knowledge articles from resolved case data.
SalmanO7Create a React ChatKit widget with localStorage-backed thread persistence.
jankneumannGuide setup, connections, and best practices for Neon Serverless Postgres.
