Skills
.Work. You
Rest

help-beacon

Community

Enable an AI-powered help beacon in your app.

Software Engineering#documentation#react#ai#claude#anthropic#knowledge-base#beacon
Authorcharlieclark
Version1.0.0
Installs0

System Documentation

What problem does it solve?

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.

Core Features & Use Cases

  • Floating beacon widget for React apps that surfaces instant help based on your documentation and articles.
  • Client-side search of article titles, tags, and content to surface relevant results before querying the AI.
  • Claude AI integration via the Anthropic API to ground responses in your docs; a human fallback offers a "Contact Support" option when the AI cannot answer.
  • Simple integration: drop in a HelpBeacon component, configure help.config.json, and customize greeting and position.

Quick Start

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.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: help-beacon
Download link: https://github.com/charlieclark/skill-help/archive/main.zip#help-beacon

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.