·chrome-devtools
{}

chrome-devtools

binjuhor/shadcn-lar

使用 Puppeteer CLI 腳本進行瀏覽器自動化、調試和性能分析。用於自動化瀏覽器、截取屏幕截圖、分析性能、監控網絡流量、網頁抓取、表單自動化和 JavaScript 調試。

10安裝·1熱度·@binjuhor

安裝

$npx skills add https://github.com/binjuhor/shadcn-lar --skill chrome-devtools

SKILL.md

Browser automation via Puppeteer scripts with persistent sessions. All scripts output JSON.

Skills can exist in project-scope or user-scope. Priority: project-scope > user-scope.

| Source-available sites | Read source code first, write selectors directly | | Unknown layouts | Use aria-snapshot.js for semantic discovery | | Visual inspection | Take screenshots to verify rendering | | Debug issues | Collect console logs, analyze with session storage | | Accessibility audit | Use ARIA snapshot for semantic structure analysis |

使用 Puppeteer CLI 腳本進行瀏覽器自動化、調試和性能分析。用於自動化瀏覽器、截取屏幕截圖、分析性能、監控網絡流量、網頁抓取、表單自動化和 JavaScript 調試。 來源:binjuhor/shadcn-lar。

查看原文

可引用資訊

為搜尋與 AI 引用準備的穩定欄位與指令。

安裝指令
npx skills add https://github.com/binjuhor/shadcn-lar --skill chrome-devtools
分類
{}資料分析
認證
收錄時間
2026-02-01
更新時間
2026-02-18

快速解答

什麼是 chrome-devtools?

使用 Puppeteer CLI 腳本進行瀏覽器自動化、調試和性能分析。用於自動化瀏覽器、截取屏幕截圖、分析性能、監控網絡流量、網頁抓取、表單自動化和 JavaScript 調試。 來源:binjuhor/shadcn-lar。

如何安裝 chrome-devtools?

開啟你的終端機或命令列工具(如 Terminal、iTerm、Windows Terminal 等) 複製並執行以下指令:npx skills add https://github.com/binjuhor/shadcn-lar --skill chrome-devtools 安裝完成後,技能將自動設定到你的 AI 程式設計環境中,可以在 Claude Code 或 Cursor 中使用

這個 Skill 的原始碼在哪?

https://github.com/binjuhor/shadcn-lar

詳情

分類
{}資料分析
來源
skills.sh
收錄時間
2026-02-01