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/CSS动画代码
实现过渡效果、缓动曲线或手势交互
构建Toast通知或抽屉组件
优化动画性能与可访问性
npx skills add opennookorg/screenshot-studio --skill emilkowal-animations -g -y
指导创建独特且生产级的前端界面，避免通用AI美学。适用于构建网页组件、页面、海报及应用，强调大胆的美学方向、精细的排版与色彩设计，生成高质量、视觉冲击力强的代码。
用户要求构建网站或落地页
需要设计React或HTML/CSS组件
请求美化或重新设计Web UI
创建仪表盘或应用界面
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
comparison pages
npx skills add opennookorg/screenshot-studio --skill programmatic-seo -g -y
用于诊断网站SEO问题并提供优化建议的专家技能，涵盖技术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审计及最佳实践。通过抓取最新规则并比对指定文件，以file:line格式输出合规性问题。
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
作为专业转化文案专家，撰写或优化营销页面（如首页、落地页）的文案。通过收集产品背景、目标受众及核心卖点，遵循清晰性和利益导向原则，生成能驱动用户行动的营销内容。
用户要求撰写或改进营销文案
用户提到“write copy for”、“improve this copy”、“rewrite this page”等指令
npx skills add opennookorg/screenshot-studio --skill copywriting -g -y
提供 Emil Kowalski 的 Web 界面动画最佳实践，涵盖 React、CSS 和 Framer Motion。指导添加动画、选择缓动曲线、实现手势交互及优化性能与无障碍访问。
在 React 组件中添加动画
选择缓动曲线或时间值
实现基于手势的交互（如滑动、拖拽）
构建 Toast 通知或抽屉组件
npx skills add opennookorg/screenshot-studio --skill emilkowal-animations -g -y
指导创建独特且生产级的前端界面，避免通用AI美学。适用于构建网页组件、页面或应用，强调大胆的设计方向和精致的美学细节。
构建Web组件
设计落地页
开发仪表盘
美化Web UI
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种内容模式，旨在生成高质量页面以规避搜索引擎惩罚并提升排名。
用户希望规模化创建SEO页面
提及programmatic SEO或模板页面
需要构建目录页、位置页或比较页
npx skills add opennookorg/screenshot-studio --skill programmatic-seo -g -y
SEO审计技能，用于诊断网站技术问题、爬取索引状态及页面优化，提供提升自然搜索排名的 actionable 建议。
用户要求进行SEO审计或技术SEO检查
询问排名低的原因或SEO健康度评估
npx skills add opennookorg/screenshot-studio --skill seo-audit -g -y
提供React组件组合模式指南，用于重构布尔属性泛滥、构建可复用库及设计灵活API。涵盖复合组件、状态提升与React 19最佳实践，适用于组件架构优化与代码审查场景。
重构包含大量布尔属性的组件
构建可复用的React组件库
审查或设计组件架构
使用复合组件或Context Provider
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
用于审查Web界面代码是否符合设计规范。通过获取最新指南，检查指定文件，并以简洁格式输出合规性发现结果。
review my UI
check accessibility
audit design
review UX
npx skills add opennookorg/screenshot-studio --skill web-design-guidelines -g -y
指导用户优化内容以在AI搜索引擎和助手中获得引用和可见性，涵盖多平台机制分析与策略制定。
用户希望内容被AI生成答案引用
提及AI SEO、AEO、GEO等关键词
询问如何出现在ChatGPT或Perplexity结果中
npx skills add opennookorg/screenshot-studio --skill ai-seo -g -y
专注于AI搜索引擎优化，帮助用户内容被ChatGPT、Perplexity等AI系统引用。提供多平台机制分析、传统SEO与AI SEO差异解读及结构化数据采集指南，旨在提升品牌在AI回答中的可见度。
用户希望内容被AI助手或搜索引擎引用
用户提及AI SEO、AEO、GEO、LLMO等术语
用户询问如何出现在AI生成的答案中
npx skills add opennookorg/screenshot-studio --skill ai-seo -g -y
