How this skill is triggered — by the user, by Claude, or both
Slash command
/tracelens:checkThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
Build and launch an application with ADA tracing enabled, capture execution traces, voice narration, and screen recording in the background, then automatically analyze the session when complete.
Build and launch an application with ADA tracing enabled, capture execution traces, voice narration, and screen recording in the background, then automatically analyze the session when complete.
Before running any ada command, resolve the packaged TraceLens release and set the environment:
TRACELENS_PLUGIN_ROOT="$(${CLAUDE_PLUGIN_ROOT}/scripts/ensure_release.sh)" export ADA_BIN_DIR="${TRACELENS_PLUGIN_ROOT}/bin" export ADA_LIB_DIR="${TRACELENS_PLUGIN_ROOT}/lib" export ADA_AGENT_RPATH_SEARCH_PATHS="${ADA_LIB_DIR}"IMPORTANT: Always use the full path ${ADA_BIN_DIR}/ada for commands to avoid conflicts with other ada binaries in PATH.
If $PREFLIGHT_CHECK is set to 1, skip to Step 2.
Run the ADA doctor to verify all dependencies:
${ADA_BIN_DIR}/ada doctor check --format jsonParse the JSON output. Check all fields are ok: true.
If any check fails:
ada doctor checkIf all checks pass:
$PREFLIGHT_CHECK = 1You MUST explore the project to find the app to run and the build system building it.
You MAY use the app's build system to build the app.
Start capturing with run_in_background: true:
Save the returned task ID as $CAPTURE_TASK_ID.
Report to user:
Capture running
Interact with your app. When you quit the app, capture stops automatically.
Wait for the user to finish interacting with their app. When the user indicates they are done, collect the capture output:
TaskOutput( task_id: $CAPTURE_TASK_ID, block: false )Parse the output for the session directory path.
If capture is still running:
If capture succeeded:
Capture completed
Session directory path: [session_directory_path]
If capture failed:
Automatically invoke the analyze skill:
Skill(skill: "analyze")Follow the analyze skill workflow from there.
Provides UI/UX resources: 50+ styles, color palettes, font pairings, guidelines, charts for web/mobile across React, Next.js, Vue, Svelte, Tailwind, React Native, Flutter. Aids planning, building, reviewing interfaces.
Fetches up-to-date documentation from Context7 for libraries and frameworks like React, Next.js, Prisma. Use for setup questions, API references, and code examples.
npx claudepluginhub shahfarzane/tracelens --plugin tracelens