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。适用于编写、审查或实现涉及过渡、缓动、手势及组件动效的任务，确保性能与可访问性。
在React组件中添加动画
选择缓动曲线或时间值
实现基于手势的交互（滑动、拖拽）
构建Toast通知或抽屉组件
优化动画性能
npx skills add KartikLabhshetwar/screenshot-studio --skill emilkowal-animations -g -y
指导创建独特且生产级的前端界面，避免通用AI审美。适用于构建网页组件、页面、应用及UI美化，强调大胆的美学方向和精致的代码实现。
用户要求构建Web组件或页面
需要生成高设计质量的UI代码
请求美化或重构现有Web界面
npx skills add KartikLabhshetwar/screenshot-studio --skill frontend-design -g -y
该技能旨在将心理学原理和思维模型应用于营销场景，帮助用户理解消费者行为、做出更明智的营销策略决策，并伦理地影响用户行为。
用户希望应用心理学原则或行为科学到营销中
提及心理模型、认知偏差、说服、行为科学或消费者行为
npx skills add KartikLabhshetwar/screenshot-studio --skill marketing-psychology -g -y
用于通过模板和数据批量创建SEO优化页面，涵盖策略评估、核心原则及12种内容模式，旨在规模化生成高质量、符合搜索意图的网页以避免惩罚。
programmatic SEO
template pages
pages at scale
directory pages
location pages
npx skills add KartikLabhshetwar/screenshot-studio --skill programmatic-seo -g -y
用于执行网站SEO审计，诊断技术、内容和排名问题。涵盖爬取、索引、速度及移动端等检查，提供优化建议以提升搜索引擎表现。
用户需要审计或诊断SEO问题
提及SEO审计、技术SEO、排名不佳、页面SEO或SEO健康检查
npx skills add KartikLabhshetwar/screenshot-studio --skill seo-audit -g -y
提供React组件组合设计模式，解决布尔属性泛滥问题。涵盖复合组件、状态提升及React 19新API规范，用于构建灵活可维护的前端组件库和重构复杂组件架构。
重构包含大量布尔属性的组件
构建可复用的组件库
审查组件架构设计
使用复合组件或上下文提供者
npx skills add KartikLabhshetwar/screenshot-studio --skill vercel-composition-patterns -g -y
提供Vercel官方React与Next.js性能优化指南，涵盖消除数据瀑布、Bundle优化及服务端渲染等57条规则，用于指导代码编写、审查与重构。
编写或重构React/Next.js组件
进行代码性能审查
优化Bundle大小或加载速度
实现数据获取逻辑
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
专家级转化文案技能，用于撰写和优化营销页面（如首页、落地页）的文案。通过收集产品、受众及上下文信息，遵循清晰、利益导向等原则，生成高转化率内容。
撰写营销文案
改写或优化现有文案
提供标题或CTA建议
用户提及'write copy for'或'improve this copy'
npx skills add KartikLabhshetwar/screenshot-studio --skill copywriting -g -y
提供Web界面动画最佳实践，涵盖React、CSS及Framer Motion中的缓动、时序、手势交互及性能优化指南。
编写或审查动画代码
实现过渡效果与手势交互
构建Toast或抽屉组件
优化动画性能与可访问性
npx skills add KartikLabhshetwar/screenshot-studio --skill emilkowal-animations -g -y
指导创建具有独特设计感的生产级前端界面，避免通用AI美学。适用于构建网页、组件、仪表盘等，强调大胆的审美方向和精致的视觉细节实现。
构建网页或着陆页
开发React/Vue组件
设计仪表盘界面
美化现有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驱动页面的技能。适用于程序化SEO、目录页、位置页等场景，旨在创建高价值内容并避免搜索惩罚。
用户希望大规模创建SEO页面
提及程序化SEO或模板页面
需要生成目录页或位置页
npx skills add KartikLabhshetwar/screenshot-studio --skill programmatic-seo -g -y
用于对网站进行SEO审计，诊断技术问题、爬取索引障碍及页面优化情况，并提供提升自然搜索排名的可执行建议。
用户希望审计或诊断网站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界面代码，检查其是否符合最新的Web界面指南。通过获取最新规则并比对指定文件，输出符合规范的审查结果。
review my UI
check accessibility
audit design
review UX
npx skills add KartikLabhshetwar/screenshot-studio --skill web-design-guidelines -g -y
指导内容优化以在AI搜索引擎和LLM中被引用，涵盖Google AI Overviews、ChatGPT等平台。通过收集品牌可见性、内容类型及竞争格局等信息，提供针对AI生成答案的可见性提升策略。
用户希望内容被AI助手或搜索引擎引用
提及AI SEO、AEO、GEO、LLMO等关键词
询问如何出现在ChatGPT、Perplexity等AI回答中
npx skills add KartikLabhshetwar/screenshot-studio --skill ai-seo -g -y
专注于AI搜索引擎优化，帮助内容在ChatGPT、Perplexity等AI助手中被引用和展示。提供平台机制解析及结构化策略，旨在提升品牌在生成式搜索结果中的可见性与引用率。
用户希望内容被AI助手引用
询问AI SEO或AEO优化策略
优化内容以出现在Google AI Overviews中
提升在ChatGPT、Claude等平台的存在感
npx skills add KartikLabhshetwar/screenshot-studio --skill ai-seo -g -y
