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。指导缓动选择、性能优化及手势交互，适用于编写、审查或实现过渡、Toast等动画场景。
在React组件中添加动画
选择缓动曲线或时间值
实现基于手势的交互（滑动、拖拽）
构建Toast通知或抽屉组件
npx skills add opennookorg/screenshot-studio --skill emilkowal-animations -g -y
指导创建具有独特设计感的生产级前端界面，避免通用AI美学。适用于构建网页、组件、仪表板等，强调大胆的美学方向、排版、色彩及动效细节，生成高质量代码。
用户要求构建Web组件或页面
需要美化或重新设计UI
创建着陆页或仪表盘
npx skills add opennookorg/screenshot-studio --skill frontend-design -g -y
该 Skill 专注于将心理学原理、思维模型和行为科学应用于营销策略，帮助用户理解消费者决策机制并制定有效的营销方案。
用户希望应用心理学或行为科学指导营销
提及心理模型、认知偏差、说服力或消费者行为
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 audit
technical SEO
why am I not ranking
SEO issues
on-page SEO
SEO health check
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
提供Vercel官方React与Next.js性能优化指南，涵盖消除数据瀑布、代码分割、服务端渲染及重渲染优化等57条规则，用于指导前端代码的编写、审查与重构。
React/Next.js代码编写
性能问题代码审查
组件重构与优化
Bundle体积优化
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
专家级转化文案写作技能，用于撰写和优化营销页面（如首页、落地页）的文案。通过收集产品、受众及上下文信息，遵循清晰、利益导向等原则，生成高转化率的市场营销内容。
用户要求撰写或重写营销文案
用户请求优化落地页或定价页文本
用户寻求标题或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审美。适用于构建网页组件、页面、应用或UI美化，生成具有鲜明美学风格的高质量代码。
用户要求构建网站、着陆页、仪表盘或React组件
需要美化或重新设计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审计，诊断技术、页面及内容层面的问题。涵盖爬取索引、性能指标、移动端适配及安全等检查，提供优化建议以提升搜索引擎排名和有机流量表现。
用户要求审计或诊断SEO问题
提及technical SEO或SEO issues
询问为何未获得排名
请求meta标签审查或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
提供 Vercel 官方 React 与 Next.js 性能优化指南，涵盖消除数据瀑布、打包体积优化及服务端渲染等规则，用于指导代码编写、审查和重构。
React/Next.js 组件开发
前端性能瓶颈排查
代码审查与重构
npx skills add opennookorg/screenshot-studio --skill vercel-react-best-practices -g -y
检查UI代码是否符合Web界面指南，支持审查、无障碍审计及UX最佳实践评估。通过动态获取最新规则并逐条比对文件，输出精简的违规位置报告，辅助提升前端交互与设计一致性。
审查UI代码合规性
检查无障碍访问标准
设计审计与UX评估
npx skills add opennookorg/screenshot-studio --skill web-design-guidelines -g -y
专注于AI搜索引擎优化，帮助用户内容在ChatGPT、Perplexity等AI助手中被引用和展示。提供平台机制解析、与传统SEO差异分析及具体优化策略。
用户希望内容被AI助手引用
提及AI SEO或AEO
优化内容以出现在AI生成答案中
npx skills add opennookorg/screenshot-studio --skill ai-seo -g -y
专注于AI搜索引擎优化，帮助用户内容被ChatGPT、Perplexity等AI系统引用。通过收集品牌可见性、内容及竞争情报，制定策略提升在AI回答中的曝光率与引用率。
用户希望内容被AI助手引用
提及AI SEO或AEO优化
询问如何在AI概览中出现
npx skills add opennookorg/screenshot-studio --skill ai-seo -g -y
