📦
rn-performance
79优化 React Native 性能
React Native 应用可能会遇到列表滚动缓慢、额外渲染以及 JS 线程卡顿等问题。此 skill 提供聚焦的模式，用于更快的 FlatList 屏幕、记忆化组件、优化后的选择器、缓存图片以及性能分析。
编码与开发 查看
技能 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.你的智能体仍应展示其计划，并按安全策略请求必要确认。
Agent 可读资源
当 AI Agent、爬虫或脚本需要干净上下文，而不是读取完整页面时，请使用这些链接。
测试它
正在使用“react-observability”。 React 结账流程失败且没有有用日志。
预期结果:
- 需要警告或错误日志的无提示分支列表。
- 针对结账步骤和失败点推荐的流程标识符。
- 在记录日志或报告之前应脱敏的敏感字段。
正在使用“react-observability”。 组件捕获错误，但只显示通用消息。
预期结果:
- 面向开发者的更清晰诊断消息结构。
- 面向可见界面的用户安全降级指导。
- 不包含密钥的生产错误报告上下文建议。
正在使用“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)
最新一次完成的静态与语义审计未检测到已确认的安全发现。这并不能证明该 Skill 没有副作用。
审计者: 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 skill 审查这段 React 代码。识别无提示返回、薄弱的错误消息和缺失的上下文日志。
添加结构化日志
使用 react-observability skill 为这个 React 流程添加结构化日志。包括日志级别、上下文对象和敏感数据脱敏指导。
设计错误处理
使用 react-observability skill 为这个功能设计错误处理。包括断言助手、错误边界和生产报告点。
审计事故可观测性
使用 react-observability skill 分析这条生产事故路径。推荐日志、状态快照、流程标识符和脱敏规则。
最佳实践
- 记录代码提前退出的原因，并仅包含诊断该分支所需的上下文。
- 在将上下文发送到控制台或错误报告服务之前，对敏感字段进行脱敏。
- 使用一致的流程标识符，以便跨多个步骤追踪一次用户操作。
避免
- 未经隐私审查，不要向生产日志添加宽泛的状态转储。
- 除非该行为是有意为之且已有文档说明，否则不要在记录后吞掉捕获的错误。
- 不要在没有标志或明确移除计划的情况下保留临时调试日志。
常见问题
此技能是否适用于 React Native？
是的。该指导适用于 React web 和 React Native，但平台日志工具可能不同。
它会安装 Sentry 或其他服务吗？
不。它展示集成模式，但依赖选择和设置仍由项目决定。
它能防止敏感数据被记录吗？
它提供脱敏模式和审查提示。团队仍需要项目特定的隐私规则。
这是否只适用于生产事故？
不。它也有助于功能开发、调试和代码审查。
使用它时我应该提供哪些文件？
请提供组件、hook、流程代码、logger 工具，以及任何错误边界或报告代码。
它能替代可观测性基础设施吗？
不能。它改进应用插桩模式，但不提供存储、仪表板或告警。
开发者详情
作者
CJHarmath许可证
MIT
Skillstore 修订
r1
版本提示
作者未声明版本。
引用
02f077c174c5335e2f5d02ca15e77b70d9543e58
维护新鲜度
2026/7/18
使用量
6 次下载 · 200 次浏览
文件结构
📄 SKILL.md
CJHarmath 的更多技能
查看全部📦
react-zustand-patterns
78改进 React Zustand Store 模式
React 团队在使用 Zustand 时可能会遇到过期状态、渲染时序和异步 action bug。此技能为 store、selector、派生状态、测试、调试和持久化提供直接可用的模式。
编码与开发 查看
📦
web-build-deploy
78可靠部署 React 应用
React 部署设置可能重复且容易出错。此技能为 Vercel、Netlify、Docker、CI/CD、环境和监控提供实用示例。
DevOps 与基础设施 查看
📦
rn-styling
78应用 React Native 样式模式
React Native 样式在不同主题、屏幕和平台之间可能变得不一致。此技能为 Expo 应用提供实用的 NativeWind 和 BrandColors 模式。
编码与开发 查看
📦
rn-observability
78改进 React Native 可观测性
静默失败和薄弱的错误消息会让移动端 bug 难以诊断。此技能提供实用的 React Native 模式，用于日志、错误、追踪和安全上报。
编码与开发 查看
📦
rn-zustand-patterns
78构建可靠的 React Native Zustand Store
React Native 团队经常在陈旧状态、异步 action 时序以及可避免的渲染上浪费时间。此技能提供 Zustand 模式，让 store 行为更易于推理、测试和调试。
编码与开发 查看
相关技能
查看全部📦
debugging
84调试错误和根本原因
由 89jobrien
当证据分散在日志、堆栈跟踪和服务中时，错误和事故很难分诊。此技能会结构化诊断、解析日志、识别模式，并指导最小化修复。
编码与开发 查看
📦
code-context-finder
83更快查找代码上下文
由 89jobrien
开发者常常花时间追踪代码为何存在以及哪些内容依赖它。此技能会提示 Claude、Codex 或 Claude Code 在进行更改前收集相关图谱知识、调用方、imports 和测试。
编码与开发 查看
📦
senior-fullstack
82在资深指导下构建全栈应用
由 alirezarezvani
全栈项目通常需要一致的设置、架构选择和质量检查。此技能为 React、Next.js、Node.js、GraphQL 和 PostgreSQL 工作提供脚本与参考资料。
编码与开发 查看
📦
vercel-react-view-transitions
82实现 React View Transitions
由 vercel-labs
React 视图过渡很容易放错位置，从而导致无提示或嘈杂的动画。此技能可指导路由、Suspense、列表和共享元素动画的选择。
编码与开发 查看
📦
react-dev
82构建类型安全的 React 组件
由 softaworks
React TypeScript 工作通常需要精确的事件、hook 和路由类型。此技能提供针对类型化组件、React 19 API 和路由的聚焦模式。
编码与开发 查看
📦
senior-frontend
81构建可用于生产的前端功能
由 davila7
前端团队需要在各项目中获得一致的 React 和 Next.js 指导。此技能提供用于前端分析的参考工作流、质量实践和辅助脚本。
编码与开发 查看