Agent Skills
› KartikLabhshetwar/screenshot-studio
KartikLabhshetwar/screenshot-studio
GitHub专注于撰写和优化营销文案的专家技能，适用于首页、落地页等页面。强调清晰性、客户视角和具体利益，遵循直接、简洁的写作原则以提升转化率。
Install All Skills
npx skills add KartikLabhshetwar/screenshot-studio --all -g -y
Skills in Collection (20)
专注于撰写和优化营销文案的专家技能，适用于首页、落地页等页面。强调清晰性、客户视角和具体利益，遵循直接、简洁的写作原则以提升转化率。
用户需要撰写或改进营销文案
请求优化标题或CTA
涉及着陆页或产品页面的内容创作
npx skills add KartikLabhshetwar/screenshot-studio --skill copywriting -g -y
提供Web界面动画最佳实践指南，涵盖React、CSS及Framer Motion中的缓动、时序、手势交互等43条规则，用于指导动画的实现、审查与优化。
在React组件中添加动画
选择缓动曲线或时间值
实现基于手势的交互如滑动拖拽
构建Toast通知或抽屉组件
npx skills add KartikLabhshetwar/screenshot-studio --skill emilkowal-animations -g -y
用于创建独特且生产级的前端界面，避免通用AI美学。适用于构建网页组件、页面、应用及UI美化，强调大胆的美学方向和高品质代码实现。
用户要求构建Web组件或页面
需要美化或重新设计现有Web UI
请求生成具有特定艺术风格的HTML/CSS/React代码
npx skills add KartikLabhshetwar/screenshot-studio --skill frontend-design -g -y
应用心理学原理、思维模型和行为科学指导营销策略，帮助用户理解消费者决策行为并制定有效的营销方案。
用户希望应用心理学或行为科学知识到营销中
提及心理模型、认知偏差、说服力、消费行为等关键词
npx skills add KartikLabhshetwar/screenshot-studio --skill marketing-psychology -g -y
用于通过模板和数据批量构建SEO优化页面的技能，涵盖目录、位置、比较等12种模式。旨在创建高价值页面以获取搜索排名，避免内容惩罚，强调独特性与数据 defensibility。
用户希望规模化生成SEO驱动页面
提及programmatic SEO或template pages
需要构建目录页、位置页或比较页
npx skills add KartikLabhshetwar/screenshot-studio --skill programmatic-seo -g -y
用于对网站进行SEO审计、审查和诊断，识别技术性SEO问题及排名障碍，提供涵盖爬取、索引、速度、移动端和安全性的可执行优化建议。
用户要求进行SEO审计或健康检查
询问为何网站未获得排名
提及技术SEO或页面SEO问题
npx skills add KartikLabhshetwar/screenshot-studio --skill seo-audit -g -y
提供React组件组合模式指南，用于重构布尔属性泛滥、构建灵活组件库及设计可复用API。涵盖复合组件、渲染属性、上下文提供者等架构规范，支持React 19新特性。
重构包含大量布尔属性的组件
构建可复用的组件库
设计灵活的组件API
审查组件架构
处理复合组件或上下文提供者
npx skills add KartikLabhshetwar/screenshot-studio --skill vercel-composition-patterns -g -y
提供 React 和 Next.js 性能优化指南，涵盖消除数据瀑布、代码分割、服务端渲染及重渲染优化等规则。用于指导编写、审查或重构前端代码以实现最佳性能表现。
React/Next.js 组件开发
前端代码性能审查
前端代码重构优化
数据获取策略实施
打包体积优化
npx skills add KartikLabhshetwar/screenshot-studio --skill vercel-react-best-practices -g -y
审查Web界面代码是否符合设计规范与最佳实践，支持无障碍检查和UX审计。通过获取最新指南并比对文件规则，输出具体违规位置，适用于UI、设计和可用性评估场景。
review my UI
check accessibility
audit design
review UX
check my site against best practices
npx skills add KartikLabhshetwar/screenshot-studio --skill web-design-guidelines -g -y
专业转化文案技能，用于撰写或优化营销页面（如首页、落地页）的文案。通过收集产品背景、受众痛点及目标，遵循清晰、利益导向等原则，生成高转化率的市场营销内容。
用户要求撰写或重写营销文案
请求改进着陆页或定价页文案
寻求标题或CTA文案帮助
npx skills add KartikLabhshetwar/screenshot-studio --skill copywriting -g -y
提供Web界面动画最佳实践，涵盖缓动、时序及性能优化。适用于React、CSS或Framer Motion中的过渡、手势和组件动画实现与审查。
实现React/CSS动画
选择缓动曲线或时间值
构建Toast或Drawer组件
npx skills add KartikLabhshetwar/screenshot-studio --skill emilkowal-animations -g -y
指导创建独特、生产级的前端界面，避免通用AI美学。用于构建网页组件、页面或应用，强调大胆的美学方向、精细的排版与动效，生成视觉惊艳且功能完备的代码。
用户要求构建网页组件或页面
需要美化或设计Web UI
生成React/Vue/H5布局代码
npx skills add KartikLabhshetwar/screenshot-studio --skill frontend-design -g -y
提供70+思维模型，帮助用户理解消费者心理、决策机制及行为科学，应用于营销策略制定与优化。
用户提及心理学或认知偏差
询问消费者行为或购买动机
需要应用思维模型进行营销决策
npx skills add KartikLabhshetwar/screenshot-studio --skill marketing-psychology -g -y
用于大规模生成SEO驱动页面的技能，通过模板和数据构建目录、位置或比较页面。强调内容独特性、数据防御力和避免搜索引擎惩罚，旨在提升搜索排名并避免薄内容风险。
用户希望批量创建SEO页面
提及程序化SEO或模板页面
需要构建目录页或对比页
npx skills add KartikLabhshetwar/screenshot-studio --skill programmatic-seo -g -y
用于执行网站SEO审计、诊断排名问题及提供优化建议的专家技能，涵盖技术SEO、索引状态、核心指标及内容质量评估。
用户希望审计或诊断网站的SEO问题
用户提及SEO审计、技术SEO、未排名原因、页面SEO或SEO健康检查
npx skills add KartikLabhshetwar/screenshot-studio --skill seo-audit -g -y
提供React组件组合设计模式，解决布尔属性膨胀问题。涵盖复合组件、状态提升及React 19新API，适用于重构、构建库和架构审查。
重构含大量布尔属性的组件
构建可复用组件库
审查组件架构
使用复合组件或Context Provider
npx skills add KartikLabhshetwar/screenshot-studio --skill vercel-composition-patterns -g -y
提供Vercel工程的React和Next.js性能优化指南，涵盖消除数据瀑布、打包体积优化、服务端/客户端性能等57条规则。用于编写、审查或重构代码时确保最佳性能模式。
编写新的React组件或Next.js页面
实现客户端或服务端数据获取
审查代码以发现性能问题
重构现有React/Next.js代码
优化包大小或加载时间
npx skills add KartikLabhshetwar/screenshot-studio --skill vercel-react-best-practices -g -y
审查Web界面代码是否符合设计规范，支持UI、可访问性及UX审计。通过抓取最新指南并比对文件规则，以简洁格式输出合规性问题。
review my UI
check accessibility
audit design
review UX
npx skills add KartikLabhshetwar/screenshot-studio --skill web-design-guidelines -g -y
指导如何优化内容以在AI搜索引擎和LLM回答中被引用，涵盖多平台机制、与传统SEO差异及上下文收集流程。
用户希望内容被AI助手或搜索引擎引用
提及AI SEO、AEO、GEO或LLMO等术语
询问如何在ChatGPT、Perplexity等平台出现
npx skills add KartikLabhshetwar/screenshot-studio --skill ai-seo -g -y
专注于AI搜索引擎优化的技能，帮助用户的内容在ChatGPT、Perplexity等AI助手中被引用和展示。通过结构化内容提升AI可见性，与传统SEO不同，旨在获取AI生成答案中的来源引用。
优化内容以在AI搜索结果中出现
希望被LLM引用或作为来源
提及AI SEO、AEO、GEO等关键词
npx skills add KartikLabhshetwar/screenshot-studio --skill ai-seo -g -y
