스킬 react-observability
📦
react-observability
콘텐츠 리비전 r1 안전 ⚙️ 외부 명령어🔑 환경 변수
React 관찰 가능성 개선
React 실패는 조용한 반환과 약한 오류 메시지 뒤에 숨어 있는 경우가 많습니다. 이 스킬은 Claude, Codex, Claude Code에 로그, 추적, 더 안전한 진단을 위한 실용적인 패턴을 제공합니다.
지원: Claude Codex Code(CC)
내 에이전트로 설치
이 요청을 에이전트에 복사하세요. 공식 Skill 페이지와 매니페스트가 포함되어 있습니다.
에이전트 요청
Review the Skillstore skill "react-observability" from https://skillstore.io/skills/cjharmath-react-observability.md and its manifest at https://skillstore.io/api/skills/cjharmath-react-observability/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.에이전트는 계속해서 계획을 표시하고 보안 정책에서 요구하는 확인을 요청해야 합니다.
에이전트가 읽기 쉬운 리소스
AI 에이전트, 크롤러, 스크립트가 전체 페이지 대신 정리된 컨텍스트만 필요할 때 이 링크를 사용하세요.
테스트해 보기
"react-observability" 사용 중입니다. React 결제 흐름이 유용한 로그 없이 실패합니다.
예상 결과:
- 경고 또는 오류 로그가 필요한 조용한 분기 목록.
- 결제 단계와 실패 지점을 위한 권장 흐름 식별자.
- 로깅 또는 보고 전에 마스킹해야 하는 민감한 필드.
"react-observability" 사용 중입니다. 컴포넌트가 오류를 catch하지만 일반적인 메시지만 표시합니다.
예상 결과:
- 개발자를 위한 더 명확한 진단 메시지 구조.
- 보이는 인터페이스를 위한 사용자에게 안전한 폴백 지침.
- 비밀 정보 없이 권장되는 프로덕션 오류 보고 컨텍스트.
"react-observability" 사용 중입니다. 팀이 공유 React 로깅 규칙을 원합니다.
예상 결과:
- 권장 로깅 수준과 각 수준을 사용할 시점.
- 조기 반환, 상태 스냅샷, 오류 경계를 위한 체크리스트.
- 새 계측을 병합하기 전에 피해야 할 안티패턴.
보안 감사
안전v8 • 2026. 7. 5. 버전별 보고서 열기
All static findings were adjudicated as false positives from Markdown formatting or TypeScript examples. I found no executable skill code, prompt injection attempt, credential access, shell execution, or malicious intent in SKILL.md.
1
스캔된 파일
408
분석된 줄 수
0
검토 항목
0
오탐 무시됨
위험 요인
⚙️ 외부 명령어 (50)
SKILL.md:18-39 SKILL.md:39-49 SKILL.md:49-58 SKILL.md:58-59 SKILL.md:59-60 SKILL.md:60-62 SKILL.md:62-66 SKILL.md:66-68 SKILL.md:68-69 SKILL.md:69-70 SKILL.md:70-72 SKILL.md:72-89 SKILL.md:89-100 SKILL.md:100-106 SKILL.md:106-107 SKILL.md:107-108 SKILL.md:108-109 SKILL.md:109-113 SKILL.md:113-127 SKILL.md:127-132 SKILL.md:132-137 SKILL.md:137-142 SKILL.md:142-146 SKILL.md:146-154 SKILL.md:154-177 SKILL.md:177-185 SKILL.md:185-187 SKILL.md:187-189 SKILL.md:189-192 SKILL.md:192-195 SKILL.md:195-198 SKILL.md:198-201 SKILL.md:201-203 SKILL.md:203-211 SKILL.md:211-224 SKILL.md:224-227 SKILL.md:227-242 SKILL.md:242-250 SKILL.md:250-257 SKILL.md:257-269 SKILL.md:269-276 SKILL.md:276-279 SKILL.md:279-282 SKILL.md:282-290 SKILL.md:290-318 SKILL.md:318-326 SKILL.md:326-363 SKILL.md:363-391 SKILL.md:391-396 SKILL.md:396-405
🔑 환경 변수 (4)
가장 최근에 완료된 정적·의미론적 감사에서 확인된 보안 발견 사항이 감지되지 않았습니다. 이는 스킬에 부작용이 없음을 증명하지 않습니다.
감사자: codex 감사 이력 보기 →
이 보고서 공유 및 인용
버전이 지정된 평가 보고서, 중립 배지, 임베드 카드 및 인용을 공유하세요. Skillstore는 근거를 보고하지만 이 Skill의 안전 여부를 판단하지 않습니다.
보고서 링크 복사
https://skillstore.io/skills/cjharmath-react-observability/audits/8?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdown 배지
[](https://skillstore.io/skills/cjharmath-react-observability?utm_source=security_passport_badge)HTML 배지
<a href="https://skillstore.io/skills/cjharmath-react-observability?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/cjharmath-react-observability/security.svg" alt="Skillstore security assessment" loading="lazy"></a>임베드 카드
<iframe src="https://skillstore.io/embed/skills/cjharmath-react-observability.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 인용
CJHarmath. (2026). react-observability security audit report (audit version 8) [Author version unspecified]. Skillstore. https://skillstore.io/skills/cjharmath-react-observability/audits/8BibTeX 인용
@techreport{cjharmath-cjharmath-react-observability-2026,
author = {CJHarmath},
title = {react-observability security audit report (audit version 8)},
institution = {Skillstore},
year = {2026},
number = {8},
url = {https://skillstore.io/skills/cjharmath-react-observability/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: "react-observability security audit report (audit version 8)"
version: "unspecified"
type: report
authors:
- name: "CJHarmath"
date-released: "2026-07-05"
url: "https://skillstore.io/skills/cjharmath-react-observability/audits/8"
identifiers:
- type: other
value: "skillstore:cjharmath-react-observability:audit:8"
description: "Skillstore immutable audit report identifier"
Skillstore 점수
이 점수의 이유 증거 신뢰도: 높음 55
아키텍처
85
유지보수성
87
콘텐츠
70
커뮤니티
83
사양 준수
만들 수 있는 것
디버깅 가능한 React 흐름 추가
이 스킬을 사용해 비동기 흐름, 상태 변경, 조기 반환 주변에 명확한 로그를 추가합니다.
프로덕션 인시던트 컨텍스트 개선
보고서에서 민감한 데이터를 피하면서 유용한 오류 세부 정보를 캡처하도록 패턴을 사용합니다.
팀 로깅 관행 표준화
체크리스트와 예시를 사용해 React 및 React Native 기여자들이 관찰 가능한 코드에 대해 일관된 기준을 갖도록 합니다.
이 프롬프트를 사용해 보세요
로깅 기본 사항 검토
react-observability 스킬을 사용해 이 React 코드를 검토하세요. 조용한 반환, 약한 오류 메시지, 누락된 컨텍스트 로그를 식별하세요.
구조화된 로그 추가
react-observability 스킬을 사용해 이 React 흐름에 구조화된 로깅을 추가하세요. 로그 수준, 컨텍스트 객체, 민감 데이터 마스킹 지침을 포함하세요.
오류 처리 설계
react-observability 스킬을 사용해 이 기능의 오류 처리를 설계하세요. assertion 헬퍼, 오류 경계, 프로덕션 보고 지점을 포함하세요.
인시던트 관찰 가능성 감사
react-observability 스킬을 사용해 이 프로덕션 인시던트 경로를 분석하세요. 로그, 상태 스냅샷, 흐름 식별자, 마스킹 규칙을 추천하세요.
모범 사례
- 코드가 조기에 종료되는 이유를 로깅하고, 해당 분기를 진단하는 데 필요한 컨텍스트만 포함하세요.
- 컨텍스트를 콘솔이나 오류 보고 서비스로 보내기 전에 민감한 필드를 마스킹하세요.
- 하나의 사용자 작업을 여러 단계에 걸쳐 추적할 수 있도록 일관된 흐름 식별자를 사용하세요.
피하기
- 개인정보 검토 없이 광범위한 상태 덤프를 프로덕션 로그에 추가하지 마세요.
- 동작이 의도적이고 문서화된 경우가 아니라면, catch한 오류를 로깅한 뒤 무시하지 마세요.
- 플래그나 명확한 제거 계획 없이 임시 디버그 로깅을 활성화된 상태로 남겨두지 마세요.
자주 묻는 질문
이 스킬은 React Native와 함께 사용할 수 있나요?
예. 이 지침은 React 웹과 React Native에 적용되지만, 플랫폼별 로깅 도구는 다를 수 있습니다.
Sentry 또는 다른 서비스를 설치하나요?
아니요. 통합 패턴은 보여주지만, 의존성 선택과 설정은 프로젝트에서 결정해야 합니다.
민감한 데이터가 로깅되는 것을 방지할 수 있나요?
마스킹 패턴과 검토 프롬프트를 제공합니다. 팀은 여전히 프로젝트별 개인정보 보호 규칙이 필요합니다.
이것은 프로덕션 인시던트 전용인가요?
아니요. 기능 개발, 디버깅, 코드 리뷰 중에도 도움이 됩니다.
사용할 때 어떤 파일을 제공해야 하나요?
컴포넌트, 훅, 흐름 코드, 로거 유틸리티, 오류 경계 또는 보고 코드를 제공하세요.
관찰 가능성 인프라를 대체할 수 있나요?
아니요. 애플리케이션 계측 패턴을 개선하지만, 저장소, 대시보드 또는 알림은 제공하지 않습니다.