Menu
Le prompt qui vérifie d'abord la source est sélectionné par défaut. Vous pouvez passer à une commande directe ou télécharger une copie locale.
Lisez SKILL.md et les fichiers associés affichés par SkillsMP avant de décider de l'installer.
Installer avec Codex ou Claude Copiez ce prompt, collez-le dans Codex, Claude ou un autre assistant, puis laissez-le vérifier la page du skill et l'installer pour vous.
Une commande directe contourne le prompt de vérification. Examinez la source avant de l'exécuter.
npx skills add https://github.com/stagewise-io/stagewise --skill debugLa commande reste sur une seule ligne. Faites défiler horizontalement pour la vérifier avant de la copier.
Vous préférez une copie locale ? Téléchargez les fichiers actuellement disponibles dans SkillsMP.
Basé sur la classification professionnelle SOC
Affichage de SKILL.md
| name | Debug |
| description | Use logging calls for in-depth debugging via local log files |
| user-invocable | true |
| agent-invocable | true |
Inject fetch() logging calls into user code that send structured data to a local HTTP ingest server. Log entries accumulate in JSONL files you can read for analysis.
The env-snapshot includes a logIngest field once the ingest server is running:
logIngest: { port: <number>, token: "<uuid>" }
If logIngest is null, the server has not started yet — wait for an env-change.
Use write to create an empty JSONL file. The channel name must be kebab-case ([a-z0-9]+(-[a-z0-9]+)*).
write('logs/react-renders.jsonl', '')
This registers the channel. You will receive a log-channel-created env-change.
http://127.0.0.1:{port}/ingest/{channel-name}?token={token}
Example: http://127.0.0.1:54321/ingest/react-renders?token=abc-123
Wrap all injected debug code in region markers for easy identification and removal:
// #region @stagewise-debug
fetch('http://127.0.0.1:54321/ingest/react-renders?token=abc-123', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({
level: 'info',
source: 'useEffect-mount',
data: { component: 'App', props: { userId: 42 } }
})
}).catch(() => {});
// #endregion @stagewise-debug
Rules:
// #region @stagewise-debug / // #endregion @stagewise-debug..catch(() => {}) — instrumentation must never break user code.source field distinguishes instrumentation points.{
"level": "info" | "warn" | "error" | "debug" | "log",
"source": "descriptive-label",
"data": { ... }
}
Body must be a JSON object. All fields are optional. level defaults to "log". The server prepends a ts field (epoch milliseconds) automatically — do not send your own.
read('logs/react-renders.jsonl')
Each line is a JSON object with a server-injected timestamp: { "ts": 1713000000000, "level": "info", "source": "useEffect-mount", "data": { ... } }.
Use grepSearch with mount_prefix targeting logs for filtered searches.
You receive these for owned log channels only:
| Event | Attributes | Meaning |
|---|---|---|
log-channel-created | channel | New channel file appeared |
log-entries-added | channel, newLines | New lines were appended |
log-channel-removed | channel | Channel file was deleted |
409 when full.When a file is full: read and analyze the data, then truncate with write('logs/{name}.jsonl', '') and continue.
When debugging is complete, always perform both steps:
// #region @stagewise-debug … // #endregion @stagewise-debug blocks from user code.delete('logs/{name}.jsonl') for every channel you created.Never leave debug instrumentation or log files behind.
Access-Control-Allow-Origin: *). fetch() works from any origin.fetch() works directly to 127.0.0.1.