External/5chan
1
0
Fork 0
mirror of https://github.com/bitsocialnet/5chan.git synced 2026-08-03 07:41:04 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat(skills): add inspect-elements skill backed by element-source

Browse Source 
Closes #1082
This commit is contained in:
Tommaso Casaburi
2026-03-15 19:02:19 +08:00
parent be44aefd49
commit 7f4e069783
9 changed files with 300 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.codex/skills/profile-browsing/SKILL.md
+10
View File
@@ -121,6 +121,16 @@ Collect structured output from each subagent and merge:
| react-scan: component with >30 renders | Missing memoization or unstable references | `useMemo`/`useCallback`, check parent renders |
| react-scan: component with >50ms time | Expensive render function | Split component, move work out of render |
## Element-source follow-up
When `react-scan` identifies a rerender hotspot but you still need the exact file behind a concrete DOM node, hand off to `$inspect-elements`.
```bash
playwright-cli -s=prof-followup eval "async el => JSON.stringify(await window.__ELEMENT_SOURCE__.resolve(el))" e7
```
Use `source.filePath` as the direct edit target and `stack` to understand which parent components own the node.
## Step 5: Cleanup
After profiling is complete and the report is delivered, verify no orphaned processes were left behind: