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)
用于撰写、重写或优化营销文案，涵盖首页、落地页等页面。通过收集产品、受众及上下文信息，遵循清晰、利益导向等原则生成高转化率内容。
write copy for
improve this copy
rewrite this page
marketing copy
headline help
CTA copy
npx skills add KartikLabhshetwar/screenshot-studio --skill copywriting -g -y
提供Web界面动画最佳实践，涵盖React、CSS及Framer Motion。指导缓动选择、性能优化、手势交互及无障碍设计，适用于动画实现与审查。
编写或审查React/CSS动画代码
实现过渡效果、缓动曲线或手势交互
构建Toast通知或抽屉组件
优化动画性能
npx skills add KartikLabhshetwar/screenshot-studio --skill emilkowal-animations -g -y
指导创建独特、生产级的前端界面，避免通用AI美学。适用于构建网页组件、页面、应用或UI美化，强调大胆的美学方向和精细的代码实现。
用户要求构建Web组件、页面或应用
需要美化或重新设计现有Web UI
npx skills add KartikLabhshetwar/screenshot-studio --skill frontend-design -g -y
应用心理学原理、心智模型和行为科学指导营销策略，帮助用户理解消费者决策机制，提供道德影响行为的方法及具体营销场景下的思维工具应用建议。
用户希望将心理学或行为科学应用于营销场景
提及心理原则、心智模型、认知偏差、说服技巧、消费者行为或购买动机
npx skills add KartikLabhshetwar/screenshot-studio --skill marketing-psychology -g -y
用于通过模板和数据大规模创建SEO驱动页面的技能，涵盖目录、位置及比较页面等场景，旨在提升排名并避免内容惩罚。
programmatic SEO
template pages
pages at scale
directory pages
location pages
[keyword] + [city] pages
comparison pages
integration pages
npx skills add KartikLabhshetwar/screenshot-studio --skill programmatic-seo -g -y
用于诊断网站SEO问题并提供优化建议的专家技能。涵盖爬取、索引、技术基础、页面优化及内容质量，帮助用户提升自然搜索表现。
用户希望审计或审查网站的SEO状况
用户提及技术性SEO、排名低的原因或SEO健康检查
npx skills add KartikLabhshetwar/screenshot-studio --skill seo-audit -g -y
提供React组件组合模式指南，帮助重构布尔属性泛滥的代码、构建可复用组件库及设计灵活API。涵盖复合组件、渲染属性和React 19新特性，提升代码可维护性。
重构包含大量布尔属性的组件
构建可复用的组件库
审查组件架构
使用复合组件或上下文提供者
npx skills add KartikLabhshetwar/screenshot-studio --skill vercel-composition-patterns -g -y
提供React和Next.js性能优化指南，涵盖消除瀑布效应、包体积优化及服务端渲染等规则。用于编写、审查或重构前端代码以确保最佳性能表现。
编写新的React组件或Next.js页面
实现数据获取逻辑
审查代码中的性能问题
重构现有React/Next.js代码
优化包大小或加载时间
npx skills add KartikLabhshetwar/screenshot-studio --skill vercel-react-best-practices -g -y
审查Web界面代码是否符合设计规范，支持UI、可访问性及UX审计。通过Fetch获取最新规则并检查文件合规性。
review my UI
check accessibility
audit design
npx skills add KartikLabhshetwar/screenshot-studio --skill web-design-guidelines -g -y
专为转化型营销文案设计，适用于首页、落地页等页面的撰写与优化。遵循清晰、利益导向及客户语言原则，提供写作规范与质量检查清单，旨在提升内容吸引力并驱动用户行动。
需要撰写或改进营销文案
请求标题或CTA帮助
重写页面内容
npx skills add KartikLabhshetwar/screenshot-studio --skill copywriting -g -y
提供基于 Emil Kowalski 的 Web 界面动画最佳实践，涵盖 React、CSS 和 Framer Motion。用于指导添加动画、选择缓动曲线、实现手势交互及优化性能与可访问性。
在 React 组件中添加动画
选择缓动曲线或时间值
实现基于手势的交互（滑动、拖拽）
构建 Toast 通知或抽屉组件
npx skills add KartikLabhshetwar/screenshot-studio --skill emilkowal-animations -g -y
用于创建具有独特设计感和生产级质量的网页界面。涵盖组件、页面及应用开发，强调大胆的美学方向、排版、色彩及动效细节，避免通用AI风格，输出高完成度的前端代码。
构建网页组件或页面
生成UI设计或美化Web界面
开发React/Vue等前端应用
npx skills add KartikLabhshetwar/screenshot-studio --skill frontend-design -g -y
提供70+思维模型，辅助营销人员理解消费者心理、决策机制及行为科学，用于制定更有效的营销策略。
用户希望应用心理学原理或心智模型到营销中
提及'认知偏差'、'说服'、'行为科学'、'为什么人们购买'等关键词
npx skills add KartikLabhshetwar/screenshot-studio --skill marketing-psychology -g -y
用于大规模生成SEO驱动页面的技能，通过模板和数据构建目录、位置、比较等页面。涵盖策略评估、核心原则及12种内容模式，旨在提升搜索排名并避免内容惩罚。
用户希望批量创建SEO页面
提及programmatic SEO或模板页面
需要构建目录、位置或比较页面
npx skills add KartikLabhshetwar/screenshot-studio --skill programmatic-seo -g -y
用于全面诊断网站SEO问题，涵盖可抓取性、索引状态、技术基础、页面优化及内容质量。提供基于搜索控制台数据的 actionable 建议，以改善有机搜索表现和排名。
用户要求进行 SEO 审计或健康检查
询问技术 SEO 或为什么排名不佳
涉及元标签审查或 SEO 问题排查
npx skills add KartikLabhshetwar/screenshot-studio --skill seo-audit -g -y
提供React组件组合模式指南，解决布尔属性泛滥问题。涵盖复合组件、状态提升和上下文提供者等架构设计，适用于重构复杂组件、构建可复用库及审查组件结构，支持React 19新API。
重构包含大量布尔属性的组件
构建可复用的组件库
设计灵活的组件API
审查组件架构
使用复合组件或上下文提供者
npx skills add KartikLabhshetwar/screenshot-studio --skill vercel-composition-patterns -g -y
提供Vercel工程团队的React与Next.js性能优化指南，涵盖消除瀑布流、包体积优化及服务端渲染等规则，用于指导代码编写、审查及重构以实现最佳性能。
编写或重构React/Next.js组件
优化数据获取逻辑
进行代码性能审查
减少包体积或加载时间
npx skills add KartikLabhshetwar/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 KartikLabhshetwar/screenshot-studio --skill web-design-guidelines -g -y
专注AI搜索引擎优化，帮助内容被ChatGPT、Perplexity等AI系统引用。提供平台机制分析、与传统SEO差异对比及竞争力评估策略。
用户希望内容被AI助手引用或出现在AI回答中
提及AI SEO、AEO、LLMO、优化ChatGPT/Perplexity/Claude/Gemini
npx skills add KartikLabhshetwar/screenshot-studio --skill ai-seo -g -y
专注于AI搜索引擎优化，帮助用户内容在ChatGPT、Perplexity等AI系统中被引用和展示。涵盖多平台机制分析与传统SEO差异策略。
用户希望内容被AI助手引用
提到AI SEO或AEO
询问如何出现在AI答案中
npx skills add KartikLabhshetwar/screenshot-studio --skill ai-seo -g -y
