screenshots
screenshots是一款marketing方向的AI技能，核心价值是Generate marketing screenshots of your app using Playwright，可用于解决开发者在marketing领域的实际问题，帮助用户提升效率、自动化重复任务或优化工作流。
Generate marketing screenshots of your app using Playwright. Use when the user wants to create screenshots for Product Hunt, social media, landing pages, or documentation.
mkdir -p ./skills/screenshots && curl -sfL https://raw.githubusercontent.com/sickn33/antigravity-awesome-skills/main/skills/screenshots/SKILL.md -o ./skills/screenshots/SKILL.mdRun in terminal / PowerShell. Requires curl (Unix) or PowerShell 5+ (Windows).
Skill Content
Generate marketing screenshots of your app using Playwright. Use when the user wants to create screenshots for Product Hunt, social media, landing pages, or documentation.
🎯 Best For
- Technical writers
- API documentation teams
- Developers scaffolding new projects
- Prototype builders
- Claude users
💡 Use Cases
- Generating JSDoc/TSDoc comments
- Writing README files for new projects
- Bootstrapping React components
- Creating API route handlers
📖 How to Use This Skill
- 1
Install the Skill
Copy the install command from the Terminal tab and run it. The SKILL.md file downloads to your local skills directory.
- 2
Load into Your AI Assistant
Open Claude and reference the skill. Paste the SKILL.md content or use the system prompt tab.
- 3
Apply screenshots to Your Work
Provide context for your task — paste source material, describe your audience, or share existing work to guide the AI.
- 4
Review and Refine
Edit the AI output for accuracy, tone, and completeness. Add human insight where the AI lacks context.
❓ Frequently Asked Questions
Does it follow my documentation style?
Most documentation skills respect existing style. Provide a style guide or example in your prompt.
Can I customize the generated output?
Yes — modify the skill's prompt instructions to match your project conventions and coding style.
How do I install screenshots?
Copy the install command from the Terminal tab and run it. The skill downloads to ./skills/screenshots/SKILL.md, ready to use.
Can I customize this skill for my team?
Absolutely. Edit the SKILL.md file to add team-specific instructions, examples, or workflows.
⚠️ Common Mistakes to Avoid
Auto-generating without reviewing
AI documentation can contain inaccuracies. Always verify technical accuracy.
Using generated code without understanding
Understand what generated code does before shipping it to production.
Not reading the full skill
Skills contain important context and edge cases beyond the quick start.