📦
planning-with-files
83使用規劃檔案組織長時間 AI 任務
長時間的 AI 工作階段可能會遺失目標、決策和進度。此技能會引導 Claude、Codex 和 Claude Code 將計畫、發現和記錄儲存在專案檔案中。
效率 查看
技能 webapp-testing
📦
webapp-testing
內容修訂 r1 高風險 🌐 網路存取📁 檔案系統存取⚙️ 外部命令
使用 Playwright 測試網頁應用程式
本機網頁應用程式在 JavaScript 渲染頁面後可能難以驗證。此技能會引導 Playwright 指令碼檢查 UI 狀態、擷取螢幕截圖、收集記錄，並針對本機伺服器執行。
支援: Claude Codex Code(CC)
安裝前請停止並請求確認。
請審查安裝計畫，並在變更檔案前取得使用者明確同意。
使用我的智慧代理安裝
將此請求複製給你的智慧代理，其中包含權威 Skill 頁面和清單。
智能體請求
Review the Skillstore skill "webapp-testing" from https://skillstore.io/skills/zhanlincui-webapp-testing.md and its manifest at https://skillstore.io/api/skills/zhanlincui-webapp-testing/manifest. Verify the artifact. Stop and obtain explicit user consent before installing or changing files.你的智慧代理仍應顯示其計畫，並依安全政策請求必要確認。
Agent 可讀資源
當 AI Agent、爬蟲或腳本需要乾淨脈絡、而不是讀取完整頁面時，請使用這些連結。
測試它
正在使用「webapp-testing」。 測試我的本機儀表板，並回報主要導覽是否正常運作。
預期結果:
報告會列出每個已測試的導覽項目、註明可見的頁面變化，並包含可供審查的螢幕截圖位置。
正在使用「webapp-testing」。 開啟設定頁面時擷取瀏覽器主控台輸出。
預期結果:
結果會摘要主控台錯誤與警告、說明可能的 UI 影響，並提供已儲存記錄的位置。
正在使用「webapp-testing」。 檢查靜態 HTML 表單，並確認送出流程會變更頁面。
預期結果:
結果會列出探索到的表單欄位、描述已執行的互動，並參照前後對照螢幕截圖。
安全審計
高風險v4 • 2026/7/8 開啟版本化報告
Most static Markdown and localhost findings are false positives from documentation examples or local debugging artifacts. The helper script does execute user-supplied commands, including shell=True server commands, and the skill text discourages source review before execution.
5
已掃描檔案
310
分析行數
4
複核項目
0
已忽略的誤報
已確認的安全問題 (1)
高
Prompt Injection Attempt Detected
The skill says "DO NOT read the source" and promotes bundled scripts as black boxes before execution, which can suppress review of risky helper code.
The wording directly instructs agents to avoid source inspection before running bundled scripts. The risk is confirmed by the helper using shell=True, but the text may be intended as context management rather than malicious evasion.
能力複核項目 (4)
這些是真實的本機能力，對此技能而言可能是預期行為，因此需要複核，但不會按已確認的惡意行為計分。
高
Python subprocess.run
result = subprocess.run(args.command)
The helper executes the trailing command supplied on the CLI. This is intended behavior, but it still enables arbitrary local command execution if unsafe arguments are provided.
高
Python subprocess.Popen
process = subprocess.Popen(
The helper starts user-supplied server commands with shell=True. That creates real shell command execution risk if untrusted command text reaches --server.
中
Ruby/shell backtick execution
```bash
The fenced bash example instructs agents to run the helper with an npm server command. It is legitimate usage, but still documents local external command execution.
中
Ruby/shell backtick execution
```bash
The fenced bash example includes cd, python, npm, and multiple --server commands. It documents shell-based local server startup that requires trusted inputs.
風險因素
📁 檔案系統存取 (4)
⚙️ 外部命令 (23)
scripts/with_server.py:88 scripts/with_server.py:69 SKILL.md:12 SKILL.md:14 SKILL.md:18-33 SKILL.md:33-37 SKILL.md:37-40 SKILL.md:40-42 SKILL.md:42-45 SKILL.md:45-50 SKILL.md:50-53 SKILL.md:53-63 SKILL.md:63-68 SKILL.md:68-72 SKILL.md:72-80 SKILL.md:80-81 SKILL.md:81-85 SKILL.md:85 SKILL.md:86-88 SKILL.md:88 SKILL.md:89 SKILL.md:94-95 SKILL.md:95-96
審計單位: codex 檢視審計紀錄 →
分享與引用此報告
分享版本化評估報告、中性徽章、嵌入卡片與引用。Skillstore 只報告證據，不判斷該 Skill 是否安全。
複製報告連結
https://skillstore.io/skills/zhanlincui-webapp-testing/audits/4?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdown 徽章
[](https://skillstore.io/skills/zhanlincui-webapp-testing?utm_source=security_passport_badge)HTML 徽章
<a href="https://skillstore.io/skills/zhanlincui-webapp-testing?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/zhanlincui-webapp-testing/security.svg" alt="Skillstore security assessment" loading="lazy"></a>嵌入卡片
<iframe src="https://skillstore.io/embed/skills/zhanlincui-webapp-testing.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>學術引用 (APA · BibTeX · CFF)
APA 引用
ZhanlinCui. (2026). webapp-testing security audit report (audit version 4) [Author version unspecified]. Skillstore. https://skillstore.io/skills/zhanlincui-webapp-testing/audits/4BibTeX 引用
@techreport{zhanlincui-zhanlincui-webapp-testing-2026,
author = {ZhanlinCui},
title = {webapp-testing security audit report (audit version 4)},
institution = {Skillstore},
year = {2026},
number = {4},
url = {https://skillstore.io/skills/zhanlincui-webapp-testing/audits/4},
note = {Author version unspecified}
}CITATION.cff
cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "webapp-testing security audit report (audit version 4)"
version: "unspecified"
type: report
authors:
- name: "ZhanlinCui"
date-released: "2026-07-08"
url: "https://skillstore.io/skills/zhanlincui-webapp-testing/audits/4"
identifiers:
- type: other
value: "skillstore:zhanlincui-webapp-testing:audit:4"
description: "Skillstore immutable audit report identifier"
比較變體
11 個可安裝變體每位作者的技能都保留為獨立的可安裝項目。推薦變體依 Skillstore 證據排序。
為何此變體排名第一
Skillstore 評分最高
作者 / 來源 Skillstore 評分 證據置信度 Skillstore 使用量 已更新
AutumnsGrove 推薦
autumnsgrove-webapp-testing
Skillstore 評分 85
證據置信度 高
Skillstore 使用量 72
已更新
2026-09-09
cam10001110101-webapp-testing
Skillstore 評分 38
證據置信度 中
Skillstore 使用量 20
已更新
2026-09-09
Skillstore 評分
評分依據 證據置信度: 中 45
架構
85
可維護性
87
內容
75
社群
91
規範符合度
你可以打造什麼
驗證本機 UI 行為
針對本機開發伺服器執行 Playwright 檢查，並確認重要畫面如預期運作。
偵錯已渲染的頁面狀態
在用戶端 JavaScript 完成載入後，擷取螢幕截圖、主控台訊息和已渲染的 DOM 詳細資料。
檢查靜態原型
開啟本機 HTML 檔案，與可見控制項互動，並擷取前後對照螢幕截圖。
試試這些提示
擷取頁面螢幕截圖
使用此技能開啟我的本機網頁應用程式，等待頁面完成載入，並擷取完整頁面螢幕截圖。
尋找互動元素
使用此技能檢查已渲染的頁面，並列出可見按鈕、連結、輸入欄位和有用的選擇器。
偵錯瀏覽器主控台輸出
使用此技能執行頁面、收集瀏覽器主控台訊息，並摘要影響 UI 的錯誤或警告。
使用多個伺服器進行測試
使用此技能在確認命令後啟動所需的本機伺服器、執行 Playwright 自動化，並清理伺服器。
最佳實務
- 在執行本機命令自動化前，審查輔助指令碼並確認伺服器命令。
- 在檢查動態頁面前，等待網路閒置或可見選擇器出現。
- 將螢幕截圖和記錄儲存在使用者核准的工作區輸出路徑中。
避免
- 未審查引數就透過輔助工具執行未知的伺服器命令。
- 在應用程式完成渲染前檢查動態頁面。
- 假設靜態 HTML 中的選擇器一定符合已渲染的應用程式狀態。
常見問題
此技能需要 Playwright 嗎？
是。範例使用 Python Playwright 搭配 Chromium 瀏覽器。
它可以測試已在執行的應用程式嗎？
是。此技能可引導連線到現有本機 URL 的指令碼。
它可以啟動本機伺服器嗎？
是。隨附的輔助工具可以在執行自動化前啟動一個或多個本機伺服器。
支援螢幕截圖嗎？
是。範例示範了針對已渲染頁面和靜態 HTML 檔案擷取完整頁面螢幕截圖。
它會將測試資料傳送到外部服務嗎？
未找到相關證據。已審查的範例以 localhost 或本機檔案為目標。
使用前我應該審查什麼？
請審查任何伺服器命令和輸出路徑，尤其是在使用輔助指令碼時。
開發者詳細資訊
作者
ZhanlinCui授權
Complete terms in LICENSE.txt
Skillstore 修訂
r1
版本提示
作者未聲明版本。
引用
88a205c7f635a966e31156313b590d59007c5caa
維護新鮮度
2026/7/18
使用量
137 次下載 · 226 次瀏覽
ZhanlinCui 的更多技能
查看全部📦
github-release-assistant
83產生雙語 GitHub 發行版 README
當團隊需要英文與中文 README 時，發行文件的撰寫會很耗時。此技能會根據儲存庫中繼資料與引導式設定產生結構化的雙語 README。
文件 查看
📦
obsidian-helper
81使用 AI 整理 Obsidian 筆記
Obsidian 使用者經常花時間在筆記之間移動想法、任務和回顧。此技能為 Claude、Codex 和 Claude Code 提供每日筆記、擷取和定期回顧的結構化工作流程。
效率 查看
📦
使用擷取與表單工具處理 PDF
PDF 作業通常需要針對文字、表格、頁面和表單使用不同工具。這項技能為 Claude、Codex 和 Claude Code 提供 PDF 任務的指引式工作流程與輔助指令碼。
辦公與報告 查看
📦
frontend-design
79設計具辨識度的前端介面
通用的介面提示通常會產生重複的版面與薄弱的視覺方向。此技能引導 Claude、Codex 和 Claude Code 產出更精緻、符合情境的前端作品。
設計與創意 查看
📦
brainstorming
79將想法塑造成經驗證的設計
早期產品與工程想法經常失敗，是因為需求一直模糊不清。此技能會引導 Claude、Codex 或 Claude Code，在實作前透過聚焦問題、選項與經驗證的設計來推進。
效率 查看
相關技能
查看全部📦
playwright-testing
86提升 Playwright 測試覆蓋率
由 C0ntr0lledCha0s
當設定、定位器和 fixtures 不一致時，Playwright 測試套件可能會變得不穩定。此技能提供可靠瀏覽器測試、除錯和可重用 page objects 的實用模式。
程式開發 查看
📦
playwright-best-practices
79改善 Playwright 測試可靠性
由 0xBigBoss
Playwright 測試在 agent 工作流程中經常變得不穩定、緩慢且輸出雜亂。此 skill 提供精簡模式，涵蓋定位器、斷言、fixture、auth 重用、網路 mock，以及精簡 reporter。
程式開發 查看
📦
e2e-testing
78規劃 Playwright E2E 測試工作流程
由 sickn33
團隊需要清楚的步驟來進行可靠的瀏覽器測試。此技能會引導 Playwright 設定、測試設計、視覺檢查、瀏覽器涵蓋範圍，以及 CI 整合。
程式開發 查看
📦
testing
85建構可靠的測試自動化
由 89jobrien
薄弱的測試會拖慢發布並掩蓋回歸問題。此技能可引導測試策略、TDD、自動化、覆蓋率審查，以及 Playwright 網頁檢查。
程式開發 查看
📦
firecrawl-build-interact
82建立 Firecrawl 瀏覽器互動
由 firecrawl
動態頁面通常會將資料隱藏在點擊、表單和登入流程之後。這項技能可協助團隊選擇並界定 Firecrawl /interact 整合範圍。
程式開發 查看
📦
clerk-testing
82Test Clerk Authentication with Playwright or Cypress
由 clerk
Authentication setup and session handling can make end-to-end tests unreliable. This skill guides Clerk testing through framework-specific documentation, development keys, testing tokens, and session reuse.
程式開發 查看