Agent Skills
› opennookorg/screenshot-studio
opennookorg/screenshot-studio
GitHub专业转化文案写作技能，用于生成或优化首页、落地页等营销文案。通过收集产品、受众及上下文信息，遵循清晰、利益导向等原则，撰写高转化率内容。
Install All Skills
npx skills add opennookorg/screenshot-studio --all -g -y
Skills in Collection (20)
专业转化文案写作技能，用于生成或优化首页、落地页等营销文案。通过收集产品、受众及上下文信息，遵循清晰、利益导向等原则，撰写高转化率内容。
用户请求撰写、重写或改进营销文案
涉及首页、落地页、定价页等的文案创作
用户提及 headline help 或 CTA copy
npx skills add opennookorg/screenshot-studio --skill copywriting -g -y
提供Emil Kowalski的Web界面动画最佳实践，涵盖React、CSS及Framer Motion。指导缓动选择、性能优化、手势交互及无障碍设计，适用于动画实现与代码审查。
在React组件中添加动画
选择缓动曲线或时间值
实现基于手势的交互如滑动和拖拽
构建通知抽屉组件
优化动画性能
npx skills add opennookorg/screenshot-studio --skill emilkowal-animations -g -y
指导创建独特、生产级的前端界面，避免通用AI美学。适用于构建网页组件、页面、应用或美化Web UI，强调大胆的设计方向和精致的视觉细节。
构建网页组件
设计落地页
开发仪表盘
美化Web用户界面
npx skills add opennookorg/screenshot-studio --skill frontend-design -g -y
专注于将心理学原理、思维模型和行为科学应用于营销策略，帮助用户理解消费者行为、决策机制及伦理影响。
应用心理原则或思维模型进行营销
提及认知偏差、说服力或消费行为
npx skills add opennookorg/screenshot-studio --skill marketing-psychology -g -y
指导Agent基于模板和数据批量构建SEO优化页面，涵盖策略评估、核心原则及12种内容模式，旨在规模化生成高质量内容以提升搜索排名并避免惩罚。
创建程序化SEO页面
提及programmatic SEO
提及template pages
提及pages at scale
提及directory pages
提及location pages
提及comparison pages
npx skills add opennookorg/screenshot-studio --skill programmatic-seo -g -y
用于执行SEO审计、诊断技术问题及提供优化建议，涵盖爬取、索引、速度、移动端和HTTPS等核心领域。
用户请求SEO审计
询问技术SEO问题
诊断排名下降原因
检查页面元标签
进行SEO健康检查
npx skills add opennookorg/screenshot-studio --skill seo-audit -g -y
提供React组件组合模式指南，帮助重构布尔属性泛滥的代码，构建灵活可复用的组件库和API。涵盖复合组件、状态提升及React 19新特性，适用于前端架构设计与代码优化。
重构包含大量布尔属性的组件
构建可复用的组件库
设计灵活的组件API
审查组件架构
npx skills add opennookorg/screenshot-studio --skill vercel-composition-patterns -g -y
提供 React 和 Next.js 性能优化指南，涵盖消除数据瀑布、打包体积优化及服务端性能等规则，用于指导代码编写、审查与重构。
编写或重构 React/Next.js 组件
实施客户端或服务端数据获取
审查代码以发现性能问题
优化打包大小或加载速度
npx skills add opennookorg/screenshot-studio --skill vercel-react-best-practices -g -y
审查前端UI代码是否符合Web界面指南，支持检查无障碍、UX及最佳实践。通过获取最新规则并比对文件输出问题。
review my UI
check accessibility
audit design
review UX
check my site against best practices
npx skills add opennookorg/screenshot-studio --skill web-design-guidelines -g -y
专注营销文案创作与优化，适用于首页、落地页等页面。提供受众分析、价值主张提炼及写作规范，强调清晰、具体和以用户为中心，旨在提升转化率和行动力。
撰写营销文案
改写页面内容
优化CTA文案
生成标题帮助
npx skills add opennookorg/screenshot-studio --skill copywriting -g -y
提供基于Emil Kowalski理念的Web界面动画最佳实践指南，涵盖React、CSS及Framer Motion。适用于实现过渡效果、手势交互、Toast提示及抽屉组件时的编码、审查与性能优化。
在React或CSS中实现动画
选择缓动曲线或时间值
构建Toast或Drawer组件
优化动画性能
npx skills add opennookorg/screenshot-studio --skill emilkowal-animations -g -y
用于创建具有独特设计风格的生产级前端界面，避免通用AI美学。适用于构建网页组件、页面、应用或UI美化，强调大胆的审美方向和精致的视觉细节。
构建网页组件或页面
设计仪表盘或着陆页
美化Web UI界面
npx skills add opennookorg/screenshot-studio --skill frontend-design -g -y
该技能旨在应用心理学原理、思维模型和行为科学指导营销策略，帮助用户理解消费者决策机制，提供70多种心理模型的营销应用场景及伦理实施建议。
用户提到'psychology'、'mental models'或'cognitive bias'
用户咨询'persuasion'、'behavioral science'或'consumer behavior'
用户询问'why people buy'或'decision-making'
npx skills add opennookorg/screenshot-studio --skill marketing-psychology -g -y
用于通过模板和数据大规模构建SEO优化页面的技能，涵盖策略评估、核心原则及12种页面生成模式。
用户希望规模化创建SEO驱动页面
提及programmatic SEO或模板页面
npx skills add opennookorg/screenshot-studio --skill programmatic-seo -g -y
SEO审计专家技能，用于诊断网站技术问题、抓取索引障碍及页面优化情况。提供提升自然搜索排名的可操作建议。适用于技术SEO、元标签审查及SEO健康检查场景。
用户希望审计或诊断网站的SEO问题
提及SEO审计、技术SEO、排名不佳原因、页面内SEO或SEO健康检查
npx skills add opennookorg/screenshot-studio --skill seo-audit -g -y
提供React组件组合模式指南，解决布尔属性泛滥问题，涵盖复合组件、状态提升及React 19 API变更，用于构建灵活可扩展的组件库。
重构含多布尔属性的组件
构建可复用组件库
审查组件架构设计
npx skills add opennookorg/screenshot-studio --skill vercel-composition-patterns -g -y
Vercel官方React/Next.js性能优化指南，涵盖消除数据瀑布、包体积优化及渲染性能等8类57条规则，用于指导代码编写、审查与重构。
编写或重构React组件
优化Next.js页面性能
进行代码审查以发现性能瓶颈
实施客户端或服务端数据获取策略
npx skills add opennookorg/screenshot-studio --skill vercel-react-best-practices -g -y
自动获取最新Web界面指南，审查指定UI代码的合规性、可访问性及UX最佳实践，并按规范格式输出发现的问题。
review my UI
check accessibility
audit design
review UX
check my site against best practices
npx skills add opennookorg/screenshot-studio --skill web-design-guidelines -g -y
专注AI搜索引擎优化，帮助内容在ChatGPT、Perplexity等AI助手中被引用和展示。通过评估可见性、分析平台机制及竞争格局，提供策略以获取AI答案中的引用来源。
用户希望内容被AI助手引用或出现在AI生成答案中
提及AI SEO、AEO、LLMO、Google AI Overviews、优化ChatGPT/Perplexity/Claude/Gemini
npx skills add opennookorg/screenshot-studio --skill ai-seo -g -y
专注于AI搜索引擎优化，帮助用户内容被ChatGPT、Perplexity等AI系统引用和展示。提供多平台机制解析、与传统SEO差异分析及上下文收集指南，旨在提升AI可见性。
用户希望内容被LLM引用
提及AI SEO/AEO/GEO优化
询问如何出现在AI答案中
优化特定AI助手如Claude或Gemini
npx skills add opennookorg/screenshot-studio --skill ai-seo -g -y
