What is the primary benefit of using the Bodhi React SDK?

It allows developers to easily connect React apps to local LLMs via the Bodhi Browser, providing privacy and OpenAI-compatible APIs without complex backend setup.

Does this skill handle OAuth authentication?

Yes, it provides full guidance on setting up OAuth 2.0 with PKCE for both development and production environments using the Bodhi developer portal.

How does it handle streaming responses?

It utilizes an AsyncGenerator pattern that is fully compatible with OpenAI’s streaming format, allowing for real-time UI updates as the LLM generates content.

Can I use this with Vite and GitHub Pages?

Absolutely. The skill includes specific patterns for configuring basePath and handling the routing requirements for SPA deployment on GitHub Pages.

What connection modes are supported?

It supports both Extension mode (communicating via the Bodhi Browser extension) and Direct mode (connecting via HTTP to a local server), with automatic detection and fallback.

Bodhi React SDK Integration

Name: Bodhi React SDK Integration
Author: BodhiSearch

byBodhiSearch

0•

데이터 과학 및 ML

Integrates React and Vite applications with the Bodhi JS SDK to enable local LLM chat capabilities and seamless authentication.

This skill streamlines the process of adding local AI functionality to React projects using the Bodhi ecosystem. It provides comprehensive guidance on setting up the BodhiProvider, managing OAuth 2.0 authentication, implementing streaming chat interfaces, and troubleshooting connection modes between browser extensions and direct HTTP. It is particularly useful for developers building privacy-focused, local-first AI applications that require an OpenAI-compatible interface within the Bodhi Browser ecosystem.

주요 기능

010 GitHub stars

02Intelligent connection switching between Extension and Direct modes

03OpenAI-compatible chat completions with native streaming support

04Seamless React integration via @bodhiapp/bodhi-js-react preset packages

05Vite-optimized deployment patterns for environments like GitHub Pages

06Automated OAuth 2.0 PKCE authentication flow management

사용 사례

01Building a private, local-first AI chat interface in a React web app

02Migrating existing OpenAI-based applications to local models via Bodhi

03Deploying AI-powered web tools to GitHub Pages with proper sub-path configuration

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add bodhisearch/bodhi-js react-integration

For use in Claude.ai and ChatGPT

Download Skill