rspack-sftrace — community rspack-sftrace, rspack, community, ide skills, Claude Code, Cursor, Windsurf

v1.0.0
GitHub

About this Skill

Perfect for Performance Optimization Agents needing advanced Rust-based JavaScript bundling and tracing capabilities. The fast Rust-based JavaScript bundler with webpack-compatible API 🦀️

web-infra-dev web-infra-dev
[0]
[0]
Updated: 3/5/2026

Agent Capability Analysis

The rspack-sftrace skill by web-infra-dev is an open-source community AI agent skill for Claude Code and other IDE workflows, helping agents execute tasks with better context, repeatability, and domain-specific guidance.

Ideal Agent Persona

Perfect for Performance Optimization Agents needing advanced Rust-based JavaScript bundling and tracing capabilities.

Core Value

Empowers agents to trace rspack's Rust function calls using sftrace (LLVM XRay) and convert them to perfetto protobuf format for performance analysis and troubleshooting, leveraging webpack-compatible API and Rust-based bundling.

Capabilities Granted for rspack-sftrace

Tracing rspack's Rust function calls for performance optimization
Converting trace artifacts to perfetto protobuf format for analysis
Debugging rspack workflows using sftrace tools

! Prerequisites & Limits

  • Requires Rust and LLVM XRay installation
  • Limited to rspack and webpack-compatible workflows
Labs Demo

Browser Sandbox Environment

⚡️ Ready to unleash?

Experience this Agent in a zero-setup browser environment powered by WebContainers. No installation required.

Boot Container Sandbox

rspack-sftrace

Install rspack-sftrace, an AI agent skill for AI agent workflows and automation. Works with Claude Code, Cursor, and Windsurf with one-command setup.

SKILL.md
Readonly

Rspack Sftrace

Overview

Use sftrace (LLVM XRay) to trace rspack's Rust function calls and convert them to perfetto protobuf format for performance analysis and troubleshooting.

Default workflow: run inside the target example directory (for example examples/react) and store all trace artifacts in that directory (not /tmp).

Workflow

1) Build sftrace tools

sh
1git clone https://github.com/quininer/sftrace 2cd sftrace 3cargo build --release 4mkdir "$(./target/release/sftrace record --print-solib-install-dir)" 5cp ./target/release/libsftrace.so "$(./target/release/sftrace record --print-solib-install-dir)/"

2) Build sftrace-enabled profiling binding (once per code change)

sh
1SFTRACE=1 pnpm build:binding:profiling

3) Optional: Generate a filter file from symbols

sftrace filter works on function symbols from an object file (for rspack, the binding .node file).

sh
1# Enter the target example directory first 2cd examples/react 3 4# Prefer the locally built profiling binding from the monorepo 5BINDING_NODE="$(realpath ../../crates/node_binding/rspack.linux-x64-gnu.node)" 6 7# Regex mode 8sftrace filter -p "$BINDING_NODE" -r 'finish_modules|FlagDependencyExportsPlugin' -o sftrace.filter 9 10# List mode (one regex per line) 11# sftrace filter -p "$BINDING_NODE" --list symbols.list -o sftrace.filter

If your binding file name differs by platform, replace the .node path accordingly.

4) Record sftrace (example: build in examples/react)

Run from the target example directory and keep outputs local to that example.

sh
1cd examples/react 2 3TRACE_DIR="sftrace-$(date +%Y%m%d-%H%M%S)" 4mkdir -p "$TRACE_DIR" 5 6# Full trace 7sftrace record -o "$TRACE_DIR/sf.log" -- pnpm build 8 9# Filtered trace (requires sftrace.filter from step 3) 10sftrace record -f sftrace.filter -o "$TRACE_DIR/sf.filtered.log" -- pnpm build

5) Analyze sf.log

Convert sftrace log to perfetto protobuf format.

sh
1cd examples/react 2TRACE_DIR="sftrace-YYYYMMDD-HHMMSS" # replace with your run directory 3sftrace convert "$TRACE_DIR/sf.filtered.log" -o "$TRACE_DIR/sf.filtered.pb.gz"

6) Optional: Visualization using viztracer

sh
1vizviewer --use_external_processor "$TRACE_DIR/sf.filtered.pb.gz"

Use this only for visualization.

Filtering Notes

  • sftrace filter matches function symbols by regex/list. It is not a first-class crate-path/module-path filter.
  • Filtering does not automatically keep all descendants. If a child function symbol does not match your filter, it may disappear from the trace.
  • Cross-thread relationships (for example via rayon) are not reconstructed as a single uninterrupted call chain.
  • For complete call stacks, record without filter (or with a broad filter) and narrow down during analysis.

FAQ & Installation Steps

These questions and steps mirror the structured data on this page for better search understanding.

? Frequently Asked Questions

What is rspack-sftrace?

Perfect for Performance Optimization Agents needing advanced Rust-based JavaScript bundling and tracing capabilities. The fast Rust-based JavaScript bundler with webpack-compatible API 🦀️

How do I install rspack-sftrace?

Run the command: npx killer-skills add web-infra-dev/rspack. It works with Cursor, Windsurf, VS Code, Claude Code, and 19+ other IDEs.

What are the use cases for rspack-sftrace?

Key use cases include: Tracing rspack's Rust function calls for performance optimization, Converting trace artifacts to perfetto protobuf format for analysis, Debugging rspack workflows using sftrace tools.

Which IDEs are compatible with rspack-sftrace?

This skill is compatible with Cursor, Windsurf, VS Code, Trae, Claude Code, OpenClaw, Aider, Codex, OpenCode, Goose, Cline, Roo Code, Kiro, Augment Code, Continue, GitHub Copilot, Sourcegraph Cody, and Amazon Q Developer. Use the Killer-Skills CLI for universal one-command installation.

Are there any limitations for rspack-sftrace?

Requires Rust and LLVM XRay installation. Limited to rspack and webpack-compatible workflows.

How To Install

  1. 1. Open your terminal

    Open the terminal or command line in your project directory.

  2. 2. Run the install command

    Run: npx killer-skills add web-infra-dev/rspack. The CLI will automatically detect your IDE or AI agent and configure the skill.

  3. 3. Start using the skill

    The skill is now active. Your AI agent can use rspack-sftrace immediately in the current project.

Related Skills

Looking for an alternative to rspack-sftrace or another community skill for your workflow? Explore these related open-source skills.

View All

widget-generator

Logo of f
f

f.k.a. Awesome ChatGPT Prompts. Share, discover, and collect prompts from the community. Free and open source — self-host for your organization with complete privacy.

149.6k
0
AI

flags

Logo of vercel
vercel

flags is a Next.js feature management skill that enables developers to efficiently add or modify framework feature flags, streamlining React application development.

138.4k
0
Browser

zustand

Logo of lobehub
lobehub

The ultimate space for work and life — to find, build, and collaborate with agent teammates that grow with you. We are taking agent harness to the next level — enabling multi-agent collaboration, effortless agent team design, and introducing agents as the unit of work interaction.

72.8k
0
AI

data-fetching

Logo of lobehub
lobehub

The ultimate space for work and life — to find, build, and collaborate with agent teammates that grow with you. We are taking agent harness to the next level — enabling multi-agent collaboration, effortless agent team design, and introducing agents as the unit of work interaction.

72.8k
0
AI