技能 screenshots
📸

screenshots

低风险 ⚙️ 外部命令🌐 网络访问📁 文件系统访问

إنشاء لقطات شاشة تسويقية باستخدام Playwright

إنشاء لقطات شاشة بجودة تسويقية لـ Product Hunt أو وسائل التواصل الاجتماعي أو التوثيق يستغرق وقتًا طويلاً. تعمل هذه المهارة على أتمتة التقاط لقطات الشاشة بدقة شبكية باستخدام Playwright.

支持: Claude Codex Code(CC)
⚠️ 68 差
1

下载技能 ZIP

2

在 Claude 中上传

前往 设置 → 功能 → 技能 → 上传技能

3

开启并开始使用

测试它

正在使用“screenshots”。 إنشاء 5 لقطات شاشة تسويقية لتطبيقي Next.js على 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”。 التقط لقطة شاشة لصفحة التسعير بعد النقر على التبديل السنوي

预期结果:

تم الانتقال إلى /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
内容
31
社区
84
安全
91
规范符合性

你能构建什么

إطلاق Product Hunt

إنشاء مجموعة من 5-10 لقطات شاشة رئيسية展示 الميزات الرئيسية صفحة إطلاق Product Hunt الخاصة بك.

لقطات شاشة التوثيق

إنشاء لقطات شاشة مرجعية متسقة لواجهة المستخدم لأدلة المستخدم وتوثيق البرامج التعليمية.

محتوى وسائل التواصل الاجتماعي

إنتاج لقطات شاشة عرضية للميزات جذابة مُحسّنة لـ Twitter و LinkedIn ومنصات التواصل الاجتماعي الأخرى.

试试这些提示

طلب لقطة شاشة أساسي 
التقط لقطات شاشة لتطبيقي على http://localhost:3000 لإطلاق Product Hunt. أحتاج 5 لقطات شاشة تعرض لوحة التحكم والميزات الرئيسية وصفحة الإعدادات.
لقطات شاشة تطبيق مُوثق 
تطبيقي يتطلب تسجيل الدخول. صفحة تسجيل الدخول موجودة على /sign-in. استخدم البريد الإلكتروني demo@example.com وكلمة المرور Demo123!. بعد تسجيل الدخول، التقط لقطات شاشة للوحة الصفحة وصفحة الملف الشخصي للمستخدم.
لقطات شاشة ميزات الصفحة الكاملة 
التقط لقطات شاشة للصفحة الكاملة (وليس فقط إطار العرض) لصفحة التسعير وصفحة الميزات. انتظر 500 مللي ثانية اكتمال الرسوم المتحركة قبل الالتقاط.
متغيرات الوضع الداكن والفاتح 
إنشاء لقطات شاشة للصفحة الرئيسية في كل من الوضع الفاتح والداكن. استخدم إطار عرض 1440x900 مع تحجيم شبكي 2x للاستخدام التسويقي.

最佳实践

  • استخدم بيانات أولية أو تجريبية للتأكد من أن لقطات الشاشة تعرض محتوى واقعيًا
  • دائمًا انتظر حالة networkidle للتأكد من تحميل الصفحة بالكامل
  • استخدم بادئات رقمية في أسماء الملفات لترتيب متسق

避免

  • لا ترتكب لقطات شاشة تحتوي على بيانات حساسة في التحكم بالإصدار
  • تجنب التقاط لقطات شاشة تتضمن بيانات مستخدمين شخصيين أو بيانات اعتماد مرئية
  • لا تستخدم عناوين URL للإنتاج بدون تأكيد صريح من المستخدم

常见问题

هل أحتاج إلى تثبيت Playwright بشكل منفصل؟
نعم. قم بتشغيل npm install -D playwright أو npm install -D @playwright/test قبل استخدام هذه المهارة.
ما دقة لقطات الشاشة؟
يتم التقاط لقطات الشاشة بدقة 2880x1800 بكسل باستخدام عامل مقياس الجهاز 2x للجودة الشبكية.
هل يمكن لهذه المهارة التقاط لقطات شاشة للتطبيقات التي تتطلب تسجيل الدخول؟
نعم. قم بتوفير بيانات اعتماد تسجيل الدخول عند المطالبة، وستُوثق المهارة قبل التقاط لقطات الشاشة.
أين يتم حفظ لقطات الشاشة؟
يتم حفظ لقطات الشاشة في دليل لقطات الشاشة في جذر مشروعك بأسماء ملفات kebab-case وصفية.
هل يمكنني التقاط لقطات شاشة في الوضع الداكن؟
نعم. إذا كان تطبيقك يدعم الوضع الداكن، يمكن للمهارة ضبط مخطط ألوان المتصفح على داكن قبل الالتقاط.
ماذا لو لم يكن خادم التطوير قيد التشغيل؟
ستكتشف المهارة إذا تعذر على Playwright الاتصال وتساعدك على تشغيل خادم التطوير قبل المتابعة.

开发者详情

作者

sickn33

许可证

MIT

仓库

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

引用

main

文件结构

📄 SKILL.md