المهارات screenshots
📸

screenshots

مخاطر منخفضة ⚙️ الأوامر الخارجية🌐 الوصول إلى الشبكة📁 الوصول إلى نظام الملفات

使用 Playwright 生成营销截图

为 Product Hunt、社交媒体或文档制作营销级截图既耗时又繁琐。此技能可使用 Playwright 自动以视网膜分辨率捕获截图。

يدعم: Claude Codex Code(CC)
📊 71 كافٍ
1

تنزيل ZIP المهارة

2

رفع في Claude

اذهب إلى Settings → Capabilities → Skills → Upload skill

3

فعّل وابدأ الاستخدام

اختبرها

استخدام "screenshots". Generate 5 marketing screenshots of my Next.js app at localhost:3000

النتيجة المتوقعة:

创建了截图目录并捕获了 5 张视网膜级质量图片：01-landing-hero.png、02-features-grid.png、03-dashboard-view.png、04-analytics-panel.png、05-settings-modal.png。所有文件均为 2880x1800 分辨率，可直接用于营销。

استخدام "screenshots". Screenshot the pricing page after clicking the annual toggle

النتيجة المتوقعة:

导航到 /pricing，点击年度计费开关，等待价格更新动画完成，捕获了显示更新后定价的 pricing-annual.png。

التدقيق الأمني

مخاطر منخفضة
v1 • 2/25/2026

Static analysis detected 83 pattern matches, but all are false positives. The SKILL.md file contains documentation and code examples for a legitimate Playwright screenshot tool. External commands are standard development tooling (npx, npm, node, mkdir). Network references are localhost examples in documentation. Filesystem operations create a screenshots directory for user output.

1
الملفات التي تم فحصها
402
الأسطر التي تم تحليلها
6
النتائج
1
إجمالي عمليات التدقيق
مشكلات منخفضة المخاطر (3)
SKILL.md:24-26SKILL.md:158-160SKILL.md:283-285
External Command Execution
Skill executes shell commands for Playwright operations and file management. Commands are standard development tooling with hardcoded arguments.
SKILL.md:74-77
User Credential Collection
Skill prompts users for login credentials (email, password) to access authenticated pages for screenshots. Credentials are used in generated scripts.
SKILL.md:40-43
Localhost Network Access
Skill accesses localhost URLs provided by users for screenshot capture. This is expected behavior for a web app screenshot tool.

عوامل الخطر

⚙️ الأوامر الخارجية (5)
SKILL.md:24-26 SKILL.md:158-160 SKILL.md:283-285 SKILL.md:288-290 SKILL.md:361-364
🌐 الوصول إلى الشبكة (1)
SKILL.md:40-43
📁 الوصول إلى نظام الملفات (1)
SKILL.md:158-160
تم تدقيقه بواسطة: claude

درجة الجودة

38
الهندسة المعمارية
100
قابلية الصيانة
87
المحتوى
50
المجتمع
84
الأمان
91
الامتثال للمواصفات

ماذا يمكنك بناءه

Product Hunt 发布

生成 5-10 张展示关键功能的英雄截图，用于您的 Product Hunt 发布页面。

文档截图

为用户指南和教程文档创建一致的 UI 参考截图。

社交媒体内容

制作适用于 Twitter、LinkedIn 等社交平台的醒目功能演示截图。

جرّب هذه الموجهات

基本截图请求 
为我的应用拍摄 http://localhost:3000 的截图，用于 Product Hunt 发布。我需要 5 张截图，展示仪表板、主要功能和设置页面。
需要身份验证的应用截图 
我的应用需要登录。登录页面在 /sign-in。使用邮箱 demo@example.com 和密码 Demo123! 登录后，拍摄仪表板和用户个人资料页面的截图。
整页功能截图 
捕获定价页面和功能页面的整页截图（不仅是视口）。捕获前等待 500ms 以完成动画。
深色和浅色模式变体 
以浅色和深色模式生成着陆页的截图。使用 1440x900 视口和 2 倍视网膜缩放以用于营销目的。

أفضل الممارسات

  • 使用种子数据或演示数据确保截图显示真实内容
  • 始终等待 networkidle 状态以确保页面完全加载
  • 在文件名中使用数字前缀以保持一致排序

تجنب

  • 不要将包含敏感数据的截图提交到版本控制
  • 避免捕获显示个人用户数据或凭据的截图
  • 未经用户明确确认，不要使用生产环境 URL

الأسئلة المتكررة

我需要单独安装 Playwright 吗？
需要。运行 npm install -D playwright 或 npm install -D @playwright/test 后再使用此技能。
截图的分辨率是多少？
截图以 2880x1800 像素捕获，使用 2 倍设备缩放因子以获得视网膜级质量。
此技能可以截图需要登录的应用吗？
可以。当提示时提供您的登录凭据，技能将在捕获截图前进行身份验证。
截图保存在哪里？
截图保存在项目根目录的 screenshots 文件夹中，使用描述性的短横线命名文件名。
我可以捕获深色模式的截图吗？
可以。如果您的应用支持深色模式，技能可以在捕获前将浏览器配色方案设置为深色。
如果我的开发服务器未运行怎么办？
技能会检测到 Playwright 是否无法连接，并帮助您在继续之前启动开发服务器。

تفاصيل المطور

المؤلف

sickn33

الترخيص

MIT

المستودع

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

مرجع

main

بنية الملفات

📄 SKILL.md