重要前提
安装AI Skills的关键前提是:必须科学上网,且开启TUN模式,这一点至关重要,直接决定安装能否顺利完成,在此郑重提醒三遍:科学上网,科学上网,科学上网。查看完整安装教程 →
rspack-tracing by rstackjs/agent-skills
npx skills add https://github.com/rstackjs/agent-skills --skill rspack-tracing在以下情况时使用此技能:
首先,请用户启用追踪功能运行构建。
# 设置环境变量以将日志记录到文件
RSPACK_PROFILE=TRACE RSPACK_TRACE_LAYER=logger RSPACK_TRACE_OUTPUT=./trace.json pnpm build
这将在类似 .rspack-profile-{timestamp}-{pid}/trace.json 的时间戳目录中生成一个追踪文件。
有关配置的更多详细信息,请参阅 references/tracing-guide.md。
如果用户想要确定崩溃或错误发生在哪个阶段,可以使用 tail 快速查看最后的事件,而无需运行完整的分析:
# 导航到生成的性能分析目录
cd .rspack-profile-*/
# 查看最后 20 个事件,了解构建失败的位置
tail -n 20 trace.json
广告位招租
在这里展示您的产品或服务
触达数万 AI 开发者,精准高效
最后的事件将显示构建停止时的 span 名称和目标,有助于快速定位有问题的阶段、插件或加载器。
要进行详细的性能分析(不仅仅是崩溃诊断),请用户在生成的追踪文件上运行捆绑的分析脚本。
# 导航到生成的性能分析目录
cd .rspack-profile-*/
# 运行分析脚本
node ${CLAUDE_PLUGIN_ROOT}/skills/tracing/scripts/analyze_trace.js trace.json
使用脚本的输出结果来识别瓶颈。查阅 references/bottlenecks.md 以将 span 名称映射到可操作的修复方案。
根据分析脚本输出的"最慢钩子排行榜":
hook:CompilationOptimizeChunks)。rspack.config.js 或 rsbuild.config.ts。每周安装量
55
代码仓库
GitHub Stars
47
首次出现
Jan 23, 2026
安全审计
安装于
codex52
gemini-cli48
github-copilot48
opencode48
cursor47
amp46
Use this skill when you need to:
First, ask the user to run their build with tracing enabled.
# Set environment variables for logging to a file
RSPACK_PROFILE=TRACE RSPACK_TRACE_LAYER=logger RSPACK_TRACE_OUTPUT=./trace.json pnpm build
This will generate a trace file in a timestamped directory like .rspack-profile-{timestamp}-{pid}/trace.json.
See references/tracing-guide.md for more details on configuration.
If the user wants to identify which stage a crash or error occurred in , use tail to quickly view the last events without running the full analysis:
# Navigate to the generated profile directory
cd .rspack-profile-*/
# View the last 20 events to see where the build failed
tail -n 20 trace.json
The last events will show the span names and targets where the build stopped, helping to quickly pinpoint the problematic stage, plugin, or loader.
For detailed performance profiling (not just crash diagnosis), ask the user to run the bundled analysis script on the generated trace file.
# Navigate to the generated profile directory
cd .rspack-profile-*/
# Run the analysis script
node ${CLAUDE_PLUGIN_ROOT}/skills/tracing/scripts/analyze_trace.js trace.json
Use the output from the script to identify bottlenecks. Consult references/bottlenecks.md to map span names to actionable fixes.
Based on the "Top Slowest Hooks" from the analysis script:
hook:CompilationOptimizeChunks).rspack.config.js or rsbuild.config.ts.RSPACK_PROFILE.Weekly Installs
55
Repository
GitHub Stars
47
First Seen
Jan 23, 2026
Security Audits
Gen Agent Trust HubPassSocketPassSnykPass
Installed on
codex52
gemini-cli48
github-copilot48
opencode48
cursor47
amp46
GSAP 框架集成指南:Vue、Svelte 等框架中 GSAP 动画最佳实践
3,700 周安装
ISO 13485认证文档助手:医疗器械质量管理体系(QMS)差距分析、模板与合规指南
116 周安装
Histolab Python库:数字病理学全切片图像处理与组织图块提取工具
116 周安装
Case Interview Practice - 咨询案例面试练习工具,提升商业分析能力
44 周安装
Generic React UX Designer - React用户体验设计技能,提升前端开发效率与界面设计质量
115 周安装
多视角叙事创作指南:视角星座技能,打造高张力关联故事线
124 周安装
Generic Feature Developer - Claude AI 代码生成与功能开发技能,提升编程效率
44 周安装