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)
专业转化文案写作技能，指导为首页、落地页等撰写清晰、有说服力且驱动行动的营销文案。强调清晰度、利益点、具体性和客户语言，遵循直接、主动的写作风格以提升转化率。
用户要求撰写或改写营销文案
用户请求优化页面标题或CTA
npx skills add opennookorg/screenshot-studio --skill copywriting -g -y
提供Emil Kowalski的Web动画最佳实践，涵盖React、CSS和Framer Motion中的缓动、时序、手势及性能优化规则，用于指导动画的开发与审查。
实现React组件动画
选择缓动曲线或时间值
构建Toast或Drawer组件
npx skills add opennookorg/screenshot-studio --skill emilkowal-animations -g -y
指导创建独特、生产级的前端界面，避免通用AI美学。用于构建网页组件、页面或应用，强调大胆的美学方向、排版、色彩和动效设计。
构建网页组件
设计着陆页
开发仪表盘UI
美化Web界面
npx skills add opennookorg/screenshot-studio --skill frontend-design -g -y
提供70+个思维模型，将心理学和行为科学原理应用于营销策略。帮助用户理解消费者决策机制，利用认知偏差和说服技巧优化营销方案，提升转化率并促进伦理化商业决策。
用户希望应用心理学原则或心智模型到营销中
提及'心理'、'认知偏差'、'说服'、'行为科学'、'购买动机'、'决策制定'或'消费者行为'
需要分析用户为何购买或如何影响行为的场景
npx skills add opennookorg/screenshot-studio --skill marketing-psychology -g -y
用于通过模板和数据大规模创建SEO优化页面，涵盖策略评估、核心原则及12种内容生成模式，旨在提升排名并避免内容惩罚。
programmatic SEO
template pages
pages at scale
directory pages
location pages
[keyword] + [city] pages
comparison pages
integration pages
npx skills add opennookorg/screenshot-studio --skill programmatic-seo -g -y
用于执行网站SEO审计、诊断技术问题及提供优化建议的专家技能，涵盖爬取、索引、性能及移动端适配等核心领域。
用户希望审计或诊断网站的SEO问题
提及SEO审计、技术SEO、排名低原因、页面SEO或SEO健康检查
npx skills add opennookorg/screenshot-studio --skill seo-audit -g -y
提供React组件组合模式指南，用于解决布尔属性泛滥、构建灵活组件库及设计可复用API。涵盖复合组件、状态提升及React 19新特性，辅助重构与架构审查。
重构含大量布尔属性的组件
构建可复用组件库
审查组件架构
使用复合组件或Context Provider
npx skills add opennookorg/screenshot-studio --skill vercel-composition-patterns -g -y
提供Vercel官方React与Next.js性能优化指南，涵盖消除数据瀑布、包体积优化及服务端渲染等57条规则，用于指导代码编写、审查及重构以提升应用性能。
编写或重构React组件和Next.js页面
审查代码以发现性能问题
优化数据获取策略
减少JavaScript包体积
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
npx skills add opennookorg/screenshot-studio --skill web-design-guidelines -g -y
用于撰写、重写或优化营销文案（如首页、落地页、定价页等），通过收集产品、受众及上下文信息，遵循清晰性、利益导向等原则生成高转化内容。
用户要求撰写或改进营销文案
涉及首页、落地页、定价页等页面文案优化
请求标题或CTA文案帮助
npx skills add opennookorg/screenshot-studio --skill copywriting -g -y
提供Web界面动画最佳实践指南，涵盖React、CSS及Framer Motion中的缓动、时序、手势交互及性能优化规则。适用于编写、审查或实现UI动画场景。
添加React组件动画
选择缓动曲线或时间值
实现手势交互如滑动拖拽
构建Toast通知或抽屉组件
优化动画性能与可访问性
npx skills add opennookorg/screenshot-studio --skill emilkowal-animations -g -y
指导创建独特、生产级的前端界面，避免通用AI美学。用于构建网页组件、页面、海报或应用，生成具有鲜明设计风格和创意细节的高质量代码。
用户要求构建前端组件或页面
需要美化或重新设计Web UI
生成HTML/CSS/JS或React/Vue代码
npx skills add opennookorg/screenshot-studio --skill frontend-design -g -y
应用心理学原理和思维模型指导营销策略，帮助用户理解消费者行为、决策机制及道德影响方式。
用户提及'心理模型'、'认知偏差'或'说服'
需要分析'为什么人们购买'或'消费者行为'
涉及'行为科学'或'决策制定'的营销场景
npx skills add opennookorg/screenshot-studio --skill marketing-psychology -g -y
用于规模化构建SEO驱动页面的技能，通过模板和数据生成目录、对比等页面，遵循核心价值原则以避免惩罚并提升排名。
用户希望批量创建SEO页面
提及programmatic SEO或模板页面
需要生成地点页或对比页
npx skills add opennookorg/screenshot-studio --skill programmatic-seo -g -y
用于对网站进行SEO审计，诊断技术、页面和内容层面的问题并提供优化建议。触发场景包括用户提及SEO审计、技术SEO、排名不佳或元标签审查等需求。
用户希望审计、审查或诊断网站的SEO问题
用户提到“SEO审计”、“技术SEO”、“为什么我不排名”、“SEO问题”、“页面内SEO”或“SEO健康检查”
npx skills add opennookorg/screenshot-studio --skill seo-audit -g -y
提供React组件组合模式指南，涵盖架构、状态管理与实现模式。用于重构布尔属性泛滥的代码、构建可复用组件库及设计灵活API，提升代码可维护性。
重构包含大量布尔属性的组件
构建可复用的组件库
审查或设计组件架构
使用复合组件或Context Provider
npx skills add opennookorg/screenshot-studio --skill vercel-composition-patterns -g -y
提供Vercel工程团队的React和Next.js性能优化指南，包含57条规则。用于指导编写、审查或重构代码，确保采用最佳实践以提升应用性能和减少包体积。
编写新的React组件或Next.js页面
实现数据获取逻辑
审查代码以发现性能问题
重构现有React/Next.js代码
优化包大小或加载时间
npx skills add opennookorg/screenshot-studio --skill vercel-react-best-practices -g -y
用于审查UI代码是否符合Web界面指南，支持检查可访问性、UX审计及最佳实践合规性。通过Fetch获取最新规则并输出文件行号格式的问题报告。
review my UI
check accessibility
audit design
review UX
npx skills add opennookorg/screenshot-studio --skill web-design-guidelines -g -y
专注AI搜索引擎优化，使内容易被ChatGPT、Perplexity等AI系统发现并引用。涵盖各平台机制分析及与传统SEO的区别，旨在提升品牌在AI回答中的可见度与引用率。
用户希望内容被AI搜索引擎或大模型引用
用户提及AI SEO、AEO、GEO、LLMO等术语
用户询问如何出现在AI生成的答案中
npx skills add opennookorg/screenshot-studio --skill ai-seo -g -y
指导用户优化内容以在AI搜索引擎（如ChatGPT、Perplexity）中被引用和展示，涵盖平台机制分析与策略制定。
优化AI搜索结果
提升LLM引用率
AI可见性增强
npx skills add opennookorg/screenshot-studio --skill ai-seo -g -y
