技能 screenshots

📦

screenshots

内容修订 r1 高风险 ⚙️ 外部命令🌐 网络访问📁 文件系统访问

创建 Playwright 营销截图

营销团队需要用于发布和文档的一致应用截图。此技能会引导 Claude、Codex 或 Claude Code 完成 Playwright 截图工作流。

支持: Claude Codex Code(CC)

安装前请停下并请求确认。

请审查安装计划，并在更改文件前获得用户明确同意。

使用我的智能体安装

将此请求复制给你的智能体，其中包含权威 Skill 页面和清单。

智能体请求

Review the Skillstore skill "screenshots" from https://skillstore.io/skills/sickn33-screenshots.md and its manifest at https://skillstore.io/api/skills/sickn33-screenshots/manifest. Verify the artifact. Stop and obtain explicit user consent before installing or changing files.

你的智能体仍应展示其计划，并按安全策略请求必要确认。

Agent 可读资源

当 AI Agent、爬虫或脚本需要干净上下文，而不是读取完整页面时，请使用这些链接。

Markdown 详情 GET /skills/sickn33-screenshots.md 已签名 manifest GET /api/skills/sickn33-screenshots/manifest 已签名 lockfile GET /api/skills/sickn33-screenshots/lockfile

测试它

正在使用“screenshots”。为 localhost 上的 Vite 应用捕获五张发布截图。

预期结果:

已在 screenshots 中创建五张 Retina PNG 截图，覆盖 dashboard、editor、analytics、settings 和 onboarding。

正在使用“screenshots”。在我使用演示凭据登录后拍摄文档截图。

预期结果:

已生成已认证的 UI 捕获，确认 2880x1800 尺寸，并标注哪些界面可能需要人工审查。

正在使用“screenshots”。创建深色模式截图变体。

预期结果:

已保存匹配的浅色和深色模式捕获，使用一致的视口大小和编号文件名。

安全审计

高风险

v6 • 2026/7/9 打开版本化报告

Most static shell, network, and upload findings are Markdown examples or local Playwright workflow steps, not hidden exfiltration. The material risks are generated script execution, plaintext credential handling, and local persistence of authenticated screenshots. Publication should require warnings and safer credential guidance.

1

已扫描文件

402

分析行数

3

复核项

0

已忽略误报

已确认安全问题 (2)

高

SKILL.md:73-78 SKILL.md:181-187 SKILL.md:222-230

Plaintext Credential Handling

The skill asks for login credentials and embeds the password in a generated Playwright script. This can expose secrets through workspace files or shared command context.

The file directly asks for a password and stores it in the AUTH object before filling the login form. This is clear credential handling in generated code.

中

SKILL.md:66-78 SKILL.md:247-270 SKILL.md:357-370

Authenticated Screenshot Data Exposure

The workflow can log in, capture protected pages, and save PNG files locally. Screenshots may preserve private customer or production data without redaction.

The documented flow supports authenticated screenshots and writes them to the screenshots directory. The risk depends on the app data shown, so confidence is high but contextual.

能力复核项 (3)

这些是真实的本地能力，对此技能可能是预期行为，因此需要复核，但不会按已确认恶意行为计分。

中

SKILL.md:173-175

Ruby/shell backtick execution

Write this script to a temporary file (e.g., `screenshot-script.mjs`) and execute it:

The instruction tells the agent to write a temporary script and execute it. That runs generated code in the user project and can operate with supplied login credentials.

中

SKILL.md:175-249

Ruby/shell backtick execution

```javascript

The code block is the executable Playwright script referenced by the skill. It launches a browser, fills optional credentials, navigates pages, and writes screenshots.

中

SKILL.md:283-285

Ruby/shell backtick execution

```bash

The command runs screenshot-script.mjs with Node. Running generated code can access the local project and authenticated app session, so it needs explicit user confirmation.

风险因素

⚙️ 外部命令 (50)

SKILL.md:10 SKILL.md:24-26 SKILL.md:26-29 SKILL.md:29 SKILL.md:33-36 SKILL.md:36-37 SKILL.md:37-40 SKILL.md:40-41 SKILL.md:41-42 SKILL.md:42-43 SKILL.md:43-47 SKILL.md:47-74 SKILL.md:74 SKILL.md:103 SKILL.md:104-105 SKILL.md:105-106 SKILL.md:106 SKILL.md:107 SKILL.md:108 SKILL.md:109-110 SKILL.md:110-111 SKILL.md:111-112 SKILL.md:112 SKILL.md:132 SKILL.md:149-158 SKILL.md:158-160 SKILL.md:160-166 SKILL.md:166-173 SKILL.md:173-175 SKILL.md:175-249 SKILL.md:249-250 SKILL.md:250-268 SKILL.md:268-271 SKILL.md:271-279 SKILL.md:279-283 SKILL.md:283-285 SKILL.md:285-288 SKILL.md:288-290 SKILL.md:290-298 SKILL.md:298-300 SKILL.md:300-301 SKILL.md:301-307 SKILL.md:307-309 SKILL.md:309-312 SKILL.md:312-318 SKILL.md:318-320 SKILL.md:320-326 SKILL.md:326-329 SKILL.md:329-330 SKILL.md:330-336

🌐 网络访问 (5)

SKILL.md:4 SKILL.md:40 SKILL.md:41 SKILL.md:42 SKILL.md:43

📁 文件系统访问 (2)

SKILL.md:25 SKILL.md:363

审计者: codex 查看审计历史 →

分享与引用此报告

分享版本化评估报告、中性徽章、嵌入卡片和引用。Skillstore 只报告证据，不判断该 Skill 是否安全。

打开版本化报告

安全评估

复制报告链接

https://skillstore.io/skills/sickn33-screenshots/audits/6?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdown 徽章

[![Skillstore security assessment](https://skillstore.io/badges/skills/sickn33-screenshots/security.svg)](https://skillstore.io/skills/sickn33-screenshots?utm_source=security_passport_badge)

HTML 徽章

<a href="https://skillstore.io/skills/sickn33-screenshots?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/sickn33-screenshots/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

嵌入卡片

<iframe src="https://skillstore.io/embed/skills/sickn33-screenshots.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 引用

sickn33. (2026). screenshots security audit report (audit version 6) [Author version unspecified]. Skillstore. https://skillstore.io/skills/sickn33-screenshots/audits/6

BibTeX 引用

@techreport{sickn33-sickn33-screenshots-2026,
  author = {sickn33},
  title = {screenshots security audit report (audit version 6)},
  institution = {Skillstore},
  year = {2026},
  number = {6},
  url = {https://skillstore.io/skills/sickn33-screenshots/audits/6},
  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: "screenshots security audit report (audit version 6)"
version: "unspecified"
type: report
authors:
  - name: "sickn33"
date-released: "2026-07-09"
url: "https://skillstore.io/skills/sickn33-screenshots/audits/6"
identifiers:
  - type: other
    value: "skillstore:sickn33-screenshots:audit:6"
    description: "Skillstore immutable audit report identifier"

Skillstore 评分

评分依据证据置信度: 中

55

架构

85

可维护性

87

内容

69

社区

91

规范符合性

你能构建什么

准备发布素材

为 Product Hunt、社交帖子或落地页创建一组重点明确、精美的应用截图。

更新文档图片

在产品发布或界面重新设计后，捕获一致的 UI 参考图片。

评审功能呈现

在核心路由上生成 Retina 截图，以检查布局、状态和视觉质量。

试试这些提示

捕获公开页面

为我位于 http://localhost:3000 的应用创建三张营销截图。仅使用公开页面。

规划发布截图

为这个应用找出最有力的五张 Product Hunt 截图。查看 README 和路由，然后让我确认列表。

捕获受保护的文档界面

登录后为 dashboard 生成文档截图。安全地询问凭据，使用演示数据，并避免私有客户记录。

构建高级截图套件

为浅色和深色模式、模态框状态以及全页捕获构建 Playwright 截图计划。验证图片尺寸并总结每个文件。

最佳实践

在捕获已认证界面之前，使用演示账号和种子数据。
在生成脚本之前，与用户确认截图列表。
在工作区外分享每个 PNG 之前，检查是否包含私有数据。

避免

不要将生产凭据或私有客户数据用于营销截图。
不要在未向用户展示计划的情况下运行生成的浏览器脚本。
不要假设默认 localhost 端口适用于每个项目。

常见问题

此技能会上传截图吗？

不会。文档化的工作流会将 PNG 文件本地保存到 screenshots 目录下。

哪些工具可以使用它？

它列为适用于 Claude、Codex 和 Claude Code。

它需要什么框架？

它需要 Playwright 和一个可访问的 Web 应用 URL。

它可以捕获受保护页面吗？

可以，但请使用演示账号，并避免生产密钥或私有数据。

它的目标分辨率是多少？

它以 1440x900 视口和 2x 设备缩放为目标，生成 2880x1800 图片。

它可以自动选择页面吗？

它可以检查文档和路由，然后让用户确认截图。

开发者详情

作者

许可证

MIT

Skillstore 修订

r1

版本提示

作者未声明版本。

仓库

https://github.com/sickn33/antigravity-awesome-skills/tree/main/web-app/public/skills/screenshots

引用

3e4b6c31a74a3bd1a291c98cf585d720cb9fbc88

维护新鲜度

2026/7/25

使用量

7 次下载 · 121 次浏览

文件结构

sickn33 的更多技能

content-creator

创建品牌一致的营销内容

营销团队需要在各个渠道保持一致的内容。此技能可帮助规划、撰写、分析和优化内容，使其符合品牌语调和 SEO 要求。

写作与内容查看

prompt-engineering-patterns

用成熟模式改进 LLM 提示词

不一致的提示词会浪费时间，并让 AI 输出难以信任。此技能通过可复用模式、示例、评估步骤和优化工作流来指导提示词设计。

senior-architect

设计可扩展的软件架构

在 Web、移动端、后端和云系统之间比较架构决策并不容易。此技能为报告、依赖项审查和权衡文档提供结构化指南与本地脚手架脚本。

编码与开发查看

senior-fullstack

使用资深级模式构建全栈应用

团队需要针对现代 Web 应用的一致设置、架构和审查指导。此技能为 React、Next.js、Node.js、GraphQL 和 PostgreSQL 项目提供脚手架工具、工作流参考和质量提示。

编码与开发查看

prompt-engineer

使用 Prompt Engineer 优化 AI 提示词

当目标模糊或复杂时，编写清晰的提示词很困难。此技能会使用经过验证的提示词框架，将粗略请求转化为结构化提示词。

product-manager-toolkit

利用研究洞察优先安排产品工作

产品团队需要更快的方法来对功能排序、综合访谈内容并记录决策。此技能提供 RICE 评分、访谈分析和 PRD 模板，用于结构化规划。

project-planner

使用结构化文档规划软件项目

由 Dwsy

当需求、设计选择和任务不清晰时，软件项目往往会失败。此技能可将项目想法转化为适用于 Claude、Codex 和 Claude Code 工作流的结构化规划文档。

playwright-testing

提升 Playwright 测试覆盖率

由 C0ntr0lledCha0s

当配置、定位器和 fixtures 不一致时，Playwright 测试套件可能会变得不稳定。此技能提供可靠浏览器测试、调试和可复用页面对象的实用模式。

编码与开发查看

webapp-testing

创建 Playwright Web 应用测试

由 AutumnsGrove

手动浏览器测试速度慢，而且经常遗漏表单、设备和网络状态方面的回归问题。此技能可帮助 Claude、Codex 和 Claude Code 为真实 Web 工作流创建实用的 Playwright 测试。

编码与开发查看

testing

构建可靠的测试自动化

由 89jobrien

薄弱的测试会拖慢发布并掩盖回归问题。此技能可指导测试策略、TDD、自动化、覆盖率审查以及 Playwright Web 检查。

编码与开发查看

planning-with-files

使用规划文件组织长时间 AI 任务

由 ZhanlinCui

长时间 AI 会话可能会丢失目标、决策和进度。此技能指导 Claude、Codex 和 Claude Code 将计划、发现和日志存储在项目文件中。

github-release-assistant

生成双语 GitHub 发布 README

由 ZhanlinCui

当团队需要英文和中文 README 时，发布文档编写会很慢。此技能可根据仓库元数据和引导式配置生成结构化双语 README。