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
提供Web界面动画最佳实践，涵盖React、CSS及Framer Motion中的过渡、缓动、手势等实现细节，旨在优化性能与用户体验。
添加React组件动画
选择缓动曲线或时间值
实现基于手势的交互如滑动拖拽
构建通知抽屉组件
优化动画性能
npx skills add opennookorg/screenshot-studio --skill emilkowal-animations -g -y
指导创建独特、生产级的前端界面，避免通用AI美学。适用于构建网页组件、页面、海报或应用，强调大胆的美学方向、排版、色彩和动效细节。
用户要求构建Web组件或页面
需要美化或设计UI界面
请求生成HTML/CSS/React代码
npx skills add opennookorg/screenshot-studio --skill frontend-design -g -y
将心理学原理和思维模型应用于营销场景，帮助用户理解消费者行为、决策机制及伦理影响。提供70+思维模型及其在营销策略中的具体应用建议。
用户希望应用心理学或行为科学指导营销
提及心理模型、认知偏差、说服技巧或消费者行为
npx skills add opennookorg/screenshot-studio --skill marketing-psychology -g -y
用于通过模板和数据大规模构建SEO优化页面的技能。支持程序化SEO、目录页、位置页等场景，强调页面独特价值、数据防御性及避免内容惩罚。
programmatic SEO
template pages
pages at scale
directory pages
location pages
npx skills add opennookorg/screenshot-studio --skill programmatic-seo -g -y
用于诊断网站SEO问题并提供优化建议，涵盖爬虫、技术基础、页面优化及内容质量等维度。
用户希望审计或审查网站的SEO健康状况
用户询问为何排名不佳或存在SEO问题
用户提及技术SEO、元标签审查或SEO健康检查
npx skills add opennookorg/screenshot-studio --skill seo-audit -g -y
提供React组件组合模式指南，解决布尔属性泛滥问题。涵盖复合组件、状态提升及React 19新API，用于重构复杂组件、构建可复用库及优化架构设计。
重构包含大量布尔属性的组件
构建可复用的组件库
审查组件架构
设计灵活的组件API
npx skills add opennookorg/screenshot-studio --skill vercel-composition-patterns -g -y
基于Vercel工程的React和Next.js性能优化指南，提供57条规则以指导代码编写、审查和重构，确保最佳实践。
编写或重构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
提供Web界面动画最佳实践，涵盖React、CSS及Framer Motion。指导缓动选择、性能优化、手势交互及无障碍设计，适用于动画实现与审查。
编写或审查React/CSS动画代码
实现过渡效果、缓动曲线或手势交互
构建Toast通知或抽屉组件
优化动画性能与可访问性
npx skills add opennookorg/screenshot-studio --skill emilkowal-animations -g -y
指导创建具有独特设计感的生产级前端界面，避免通用AI美学。适用于构建网页、组件、仪表盘等，强调大胆的美学方向、排版、色彩及动效细节。
构建Web组件或页面
生成HTML/CSS/React代码
美化或重新设计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驱动页面的技能，涵盖目录、位置、比较等场景，强调内容质量与独特价值以避免惩罚。
用户希望批量创建SEO页面
提到programmatic SEO或模板页面
提及目录页、地点页或比较页
npx skills add opennookorg/screenshot-studio --skill programmatic-seo -g -y
用于对网站进行SEO审计、审查或诊断，识别技术性SEO问题并提供优化建议。适用于用户提及SEO审计、技术SEO、排名不佳或元标签审查等场景。
用户希望审计或诊断网站的SEO问题
用户提及SEO审计、技术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页面
实施客户端或服务端数据获取
审查代码以发现性能问题
重构现有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
check my site against best practices
npx skills add opennookorg/screenshot-studio --skill web-design-guidelines -g -y
优化内容以在AI搜索引擎和LLM中被引用和展示，涵盖ChatGPT、Perplexity等平台。通过收集品牌可见性、内容及竞品信息，提供针对AI摘要的优化策略。
用户希望内容被AI助手引用
提及AI SEO或AEO优化
询问如何在ChatGPT或Google AI Overviews中显示
npx skills add opennookorg/screenshot-studio --skill ai-seo -g -y
优化内容以在AI搜索引擎（如ChatGPT、Perplexity）中被引用和展示，提升AI可见度。
用户希望内容被AI系统引用
提及AI SEO、AEO、LLMO等关键词
询问如何在AI回答中显示
npx skills add opennookorg/screenshot-studio --skill ai-seo -g -y
