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)
专注于营销文案创作与优化的专家技能，涵盖首页、落地页等页面。通过收集产品背景、受众痛点及转化目标，遵循清晰、利益导向等原则，撰写高转化率且具说服力的营销内容。
write copy for
improve this copy
rewrite this page
marketing copy
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
请求生成HTML/CSS/React布局
npx skills add opennookorg/screenshot-studio --skill frontend-design -g -y
该技能旨在将心理学原理、思维模型和行为科学应用于营销策略，帮助用户理解消费者决策心理并优化营销效果。
用户提及'psychology'或'mental models'
用户咨询'consumer behavior'或'decision-making'
npx skills add opennookorg/screenshot-studio --skill marketing-psychology -g -y
用于大规模生成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、排名低、页面SEO或SEO健康检查
npx skills add opennookorg/screenshot-studio --skill seo-audit -g -y
提供React组件组合模式指南，用于重构布尔属性泛滥的代码、构建灵活组件库及设计可复用API。涵盖复合组件、渲染属性、上下文提供者等架构最佳实践，并包含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
审查Web界面代码是否符合设计规范，支持UI审查、无障碍检查和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中的过渡、缓动、手势等实现与审查指南。
在React组件中添加动画
选择缓动曲线或时间值
实现基于手势的交互
构建Toast通知或抽屉组件
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
将心理学原理、心智模型和行为科学应用于营销策略，帮助用户理解消费者行为、优化决策并伦理地影响用户。
提及 'psychology' 或 'mental models'
询问 'why people buy' 或 'consumer behavior'
npx skills add opennookorg/screenshot-studio --skill marketing-psychology -g -y
用于大规模创建SEO驱动页面的技能，通过模板和数据生成目录、位置或对比页面。指导用户评估业务上下文、竞争环境及搜索意图，遵循高质量内容原则，避免薄内容和Google惩罚，实现规模化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 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页面
实施客户端或服务端数据获取
审查代码以发现性能问题
重构现有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摘要和答案引擎的优化策略。
用户希望内容被LLM引用或出现在AI生成的答案中
提及'AI SEO', 'AEO', 'optimize for ChatGPT', 'AI citations'等相关术语
npx skills add opennookorg/screenshot-studio --skill ai-seo -g -y
优化内容以在AI搜索引擎和LLM中可见或被引用，适用于ChatGPT、Perplexity等平台的AI SEO需求。
用户希望内容被AI助手或生成式引擎引用
提及AI SEO、AEO、GEO、LLMO等术语
询问如何在AI答案中展示品牌
npx skills add opennookorg/screenshot-studio --skill ai-seo -g -y
