스킬 bodhi-sdk-react-integration
📦
bodhi-sdk-react-integration
콘텐츠 리비전 r1 높은 위험 ⚙️ 외부 명령어🌐 네트워크 접근
Bodhi SDK를 React 앱과 통합하기
React 팀은 Vite 앱에서 로컬 LLM 채팅으로 나아가는 명확한 경로가 필요합니다. 이 스킬은 Bodhi SDK 설정, OAuth 안내, 배포 참고 사항, 문제 해결 단계를 제공합니다.
지원: Claude Codex Code(CC)
설치 전에 중지하고 확인을 요청하세요.
계획을 검토하고 파일을 변경하기 전에 사용자의 명시적 동의를 받으세요.
내 에이전트로 설치
이 요청을 에이전트에 복사하세요. 공식 Skill 페이지와 매니페스트가 포함되어 있습니다.
에이전트 요청
Review the Skillstore skill "bodhi-sdk-react-integration" from https://skillstore.io/skills/bodhisearch-bodhi-sdk-react-integration.md and its manifest at https://skillstore.io/api/skills/bodhisearch-bodhi-sdk-react-integration/manifest. Verify the artifact. Stop and obtain explicit user consent before installing or changing files.에이전트는 계속해서 계획을 표시하고 보안 정책에서 요구하는 확인을 요청해야 합니다.
에이전트가 읽기 쉬운 리소스
AI 에이전트, 크롤러, 스크립트가 전체 페이지 대신 정리된 컨텍스트만 필요할 때 이 링크를 사용하세요.
테스트해 보기
"bodhi-sdk-react-integration" 사용 중입니다. Vite 앱과 Bodhi 클라이언트 ID가 있습니다. 가장 빠르게 작동하는 통합이 필요합니다.
예상 결과:
provider 배치, 필수 구성 값, 채팅 컴포넌트 개요, 검증 체크리스트가 포함된 간결한 설정 계획.
"bodhi-sdk-react-integration" 사용 중입니다. GitHub Pages 배포에서 OAuth 로그인 후 콜백 오류가 반환됩니다.
예상 결과:
기본 경로, 등록된 리디렉션 URI, 콜백 경로, 정적 라우팅 동작에 대한 집중 진단.
"bodhi-sdk-react-integration" 사용 중입니다. Bodhi로 인증한 후 모델이 로드되지 않습니다.
예상 결과:
준비 상태, 백엔드 연결 가능 여부, 다운로드된 모델, API 오류 메시지를 확인하는 문제 해결 절차.
보안 감사
높은 위험v8 • 2026. 7. 5. 버전별 보고서 열기
Most static findings are false positives from Markdown, TypeScript template literals, documented OAuth URLs, and public Vite configuration. No prompt injection evidence was found. One semantic issue remains: troubleshooting examples can expose OAuth tokens through full auth-state and localStorage logging.
6
스캔된 파일
2,475
분석된 줄 수
0
검토 항목
0
오탐 무시됨
확인된 보안 우려 사항 (1)
높음
OAuth Token Disclosure in Debug Examples
Troubleshooting guidance logs full auth state and reads stored Bodhi auth state from localStorage. The same section shows auth state containing an access token, so shared console output could expose credentials.
The file explicitly logs the auth object and shows auth state with an accessToken field. Exploitation depends on users sharing logs or console output, so confidence is high but not absolute.
위험 요인
⚙️ 외부 명령어 (54)
code-examples.md:66-68 code-examples.md:68-77 code-examples.md:339-365 code-examples.md:418-430 code-examples.md:430-448 code-examples.md:478-498 code-examples.md:567-625 oauth-setup.md:124-131 oauth-setup.md:224-225 quick-start.md:109-170 SKILL.md:23 SKILL.md:25 SKILL.md:26 SKILL.md:33 SKILL.md:34 SKILL.md:47 SKILL.md:48 SKILL.md:54-56 SKILL.md:56-60 SKILL.md:60-79 SKILL.md:79-83 SKILL.md:83-131 SKILL.md:131-166 SKILL.md:166-172 SKILL.md:172-190 SKILL.md:190-194 SKILL.md:194-218 SKILL.md:218-224 SKILL.md:224-235 SKILL.md:235-239 SKILL.md:239-241 SKILL.md:241-251 SKILL.md:251-257 SKILL.md:257-271 SKILL.md:271-275 SKILL.md:275-300 SKILL.md:300-304 SKILL.md:304-316 SKILL.md:316-332 SKILL.md:332-333 SKILL.md:333-334 SKILL.md:334-335 SKILL.md:335-336 SKILL.md:336-343 SKILL.md:343-353 SKILL.md:353 SKILL.md:354 SKILL.md:355-364 SKILL.md:364-365 SKILL.md:365-387 SKILL.md:387-388 SKILL.md:388-389 SKILL.md:389-394 SKILL.md:394-395
🌐 네트워크 접근 (25)
code-examples.md:68 code-examples.md:633 code-examples.md:634 code-examples.md:641 code-examples.md:642 github-pages.md:46 github-pages.md:215 oauth-setup.md:39 oauth-setup.md:40 oauth-setup.md:87 oauth-setup.md:88 oauth-setup.md:137 oauth-setup.md:138 oauth-setup.md:145 oauth-setup.md:146 oauth-setup.md:248 oauth-setup.md:277 oauth-setup.md:278 oauth-setup.md:292 SKILL.md:24 SKILL.md:47 SKILL.md:48 SKILL.md:228 SKILL.md:357 SKILL.md:397
감사자: codex 감사 이력 보기 →
이 보고서 공유 및 인용
버전이 지정된 평가 보고서, 중립 배지, 임베드 카드 및 인용을 공유하세요. Skillstore는 근거를 보고하지만 이 Skill의 안전 여부를 판단하지 않습니다.
보고서 링크 복사
https://skillstore.io/skills/bodhisearch-bodhi-sdk-react-integration/audits/8?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdown 배지
[](https://skillstore.io/skills/bodhisearch-bodhi-sdk-react-integration?utm_source=security_passport_badge)HTML 배지
<a href="https://skillstore.io/skills/bodhisearch-bodhi-sdk-react-integration?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/bodhisearch-bodhi-sdk-react-integration/security.svg" alt="Skillstore security assessment" loading="lazy"></a>임베드 카드
<iframe src="https://skillstore.io/embed/skills/bodhisearch-bodhi-sdk-react-integration.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>학술 인용 (APA · BibTeX · CFF)
APA 인용
BodhiSearch. (2026). bodhi-sdk-react-integration security audit report (audit version 8) [Author version unspecified]. Skillstore. https://skillstore.io/skills/bodhisearch-bodhi-sdk-react-integration/audits/8BibTeX 인용
@techreport{bodhisearch-bodhisearch-bodhi-sdk-react-integration-2026,
author = {BodhiSearch},
title = {bodhi-sdk-react-integration security audit report (audit version 8)},
institution = {Skillstore},
year = {2026},
number = {8},
url = {https://skillstore.io/skills/bodhisearch-bodhi-sdk-react-integration/audits/8},
note = {Author version unspecified}
}CITATION.cff
cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "bodhi-sdk-react-integration security audit report (audit version 8)"
version: "unspecified"
type: report
authors:
- name: "BodhiSearch"
date-released: "2026-07-05"
url: "https://skillstore.io/skills/bodhisearch-bodhi-sdk-react-integration/audits/8"
identifiers:
- type: other
value: "skillstore:bodhisearch-bodhi-sdk-react-integration:audit:8"
description: "Skillstore immutable audit report identifier"
Skillstore 점수
이 점수의 이유 증거 신뢰도: 중간 55
아키텍처
85
유지보수성
87
콘텐츠
74
커뮤니티
83
사양 준수
만들 수 있는 것
로컬 LLM 채팅 추가
스트리밍 응답과 모델 선택 기능을 갖춘 Bodhi 기반 채팅을 React 및 Vite 애플리케이션에 추가합니다.
OAuth 환경 구성
Bodhi 인증을 위한 개발 및 프로덕션 OAuth 클라이언트 ID, 인증 서버, 리디렉션 URI를 설정합니다.
GitHub Pages에 배포
Bodhi가 활성화된 앱을 위해 기본 경로 설정, 콜백 라우트, 정적 호스팅 동작을 준비합니다.
이 프롬프트를 사용해 보세요
기본 설정 시작
내 React 및 Vite 앱에 Bodhi SDK 지원을 추가하세요. 패키지 설치, provider 설정, 간단한 테스트 체크리스트를 보여 주세요.
채팅 흐름 구축
모델을 로드하고, 인증을 확인하고, 프롬프트를 보내고, 응답을 UI로 스트리밍하는 Bodhi 채팅 컴포넌트를 만드세요.
OAuth 배포 구성
개발 및 프로덕션용 Bodhi OAuth 구성을 검토하세요. 클라이언트 ID, 인증 서버, 리디렉션 URI, 콜백 경로를 확인하세요.
기존 통합 강화
내 기존 Bodhi React 통합을 감사하세요. 연결, 인증, 배포, 로깅, 토큰 처리 문제를 찾아내세요.
모범 사례
- 개발 및 프로덕션 환경에 별도의 OAuth 클라이언트 ID를 사용하세요.
- 모델 또는 채팅 API를 호출하기 전에 서버 준비 상태와 인증 상태를 확인하세요.
- 디버그 로그를 공유하기 전에 토큰, 인증 상태, localStorage 값을 마스킹하세요.
피하기
- Vite 환경 변수를 비공개 시크릿을 저장하는 장소로 취급하지 마세요.
- 프로덕션 OAuth 클라이언트에서 localhost 리디렉션 URI를 사용하여 배포하지 마세요.
- 문제 해결 중 전체 인증 객체나 저장된 토큰 값을 로깅하지 마세요.
자주 묻는 질문
이 스킬은 어떤 프로젝트를 지원하나요?
Bodhi React 패키지를 통해 bodhi-js-sdk를 사용하는 React 및 Vite 웹 앱을 대상으로 합니다.
Bodhi OAuth 클라이언트를 대신 생성해 주나요?
아니요. 등록해야 할 값과 이를 애플리케이션에 배치하는 방법을 설명합니다.
GitHub Pages 배포에 도움이 될 수 있나요?
예. 기본 경로, 콜백 경로, 정적 라우팅, OAuth 리디렉션 URI 정렬을 다룹니다.
Bodhi Browser 확장 프로그램이 필요한가요?
아니요. 이 가이드는 확장 프로그램 모드를 권장 방식으로, 직접 모드를 대체 방식으로 설명합니다.
모델 로딩 실패를 디버그할 수 있나요?
예. 인증, 서버 준비 상태, 다운로드된 모델, API 요청 오류를 확인합니다.
OAuth 클라이언트 ID는 비밀인가요?
공개 클라이언트 식별자이지만, 액세스 토큰과 인증 상태는 여전히 마스킹해야 합니다.
개발자 세부 정보
작성자
BodhiSearch라이선스
MIT
Skillstore 리비전
r1
버전 안내
작성자가 버전을 선언하지 않았습니다.
참조
5ab1d37e83436c6eef84de88573e142b94f2a4ad
유지보수 최신성
2026. 7. 18.
사용량
7 다운로드 · 445 조회
파일 구조