Agent Skills
› opennookorg/screenshot-studio
opennookorg/screenshot-studio
GitHub专业转化文案撰写技能，指导AI为营销页面（首页、落地页等）生成清晰、有说服力且驱动行动的文案。遵循清晰度优先、利益导向及客户语言原则，确保内容具体、直接且真实。
Install All Skills
npx skills add opennookorg/screenshot-studio --all -g -y
Skills in Collection (20)
专业转化文案撰写技能，指导AI为营销页面（首页、落地页等）生成清晰、有说服力且驱动行动的文案。遵循清晰度优先、利益导向及客户语言原则，确保内容具体、直接且真实。
用户要求撰写或改进营销文案
提及落地页、定价页、功能页文案优化
需要标题或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
提供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健康检查等关键词
npx skills add opennookorg/screenshot-studio --skill seo-audit -g -y
提供React组件组合设计模式，解决布尔属性泛滥问题。涵盖复合组件、状态提升及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及最佳实践审计。通过获取最新规则并检查指定文件，输出简洁的问题报告。
review my UI
check accessibility
audit design
review UX
npx skills add opennookorg/screenshot-studio --skill web-design-guidelines -g -y
专注于撰写和优化营销文案的专家技能，涵盖首页、落地页等场景。强调清晰性、利益点及客户语言，遵循特定写作原则以提升转化率，适用于需要改进或创建营销内容的场景。
用户希望撰写、重写或改进营销文案
用户提到'write copy for'、'improve this copy'、'marketing copy'等关键词
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设计
生成HTML/CSS/JS代码
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页面
提及程序化SEO或模板页面
需要生成目录或位置页面
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组件组合模式指南，用于解决布尔属性泛滥问题，构建灵活可复用的组件库和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审计及最佳实践检查。
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助手中被引用和展示。提供平台机制分析、与传统SEO差异对比及优化策略，提升AI可见性。
用户希望内容被AI助手引用
提及AI SEO或AEO优化
询问如何在AI答案中显示
优化内容以适配LLM生成结果
npx skills add opennookorg/screenshot-studio --skill ai-seo -g -y
专注AI搜索引擎优化，帮助用户内容被ChatGPT、Perplexity等AI系统引用和展示。提供平台机制分析与优化策略。
用户希望内容被AI助手引用
提及AI SEO或AEO优化
询问如何出现在AI答案中
npx skills add opennookorg/screenshot-studio --skill ai-seo -g -y
