Agent Skills
› KartikLabhshetwar/screenshot-studio
KartikLabhshetwar/screenshot-studio
GitHub专为转化设计的营销文案生成技能，适用于首页、落地页等页面。通过收集产品、受众及上下文信息，遵循清晰、利益导向等原则撰写 compelling 文案，驱动用户行动。
Install All Skills
npx skills add KartikLabhshetwar/screenshot-studio --all -g -y
Skills in Collection (20)
专为转化设计的营销文案生成技能，适用于首页、落地页等页面。通过收集产品、受众及上下文信息，遵循清晰、利益导向等原则撰写 compelling 文案，驱动用户行动。
撰写或优化营销文案
需要标题或CTA帮助
重写页面内容
npx skills add KartikLabhshetwar/screenshot-studio --skill copywriting -g -y
提供基于Emil Kowalski的Web界面动画最佳实践指南，涵盖缓动、时序、性能优化及无障碍设计。适用于React、CSS或Framer Motion中的动画编写、审查与实现，触发场景包括过渡效果、手势交互及组件动效开发。
在React或CSS中编写动画逻辑
审查动画代码以符合最佳实践
实现手势交互如滑动或拖拽
构建Toast通知或抽屉组件的动效
npx skills add KartikLabhshetwar/screenshot-studio --skill emilkowal-animations -g -y
指导创建独特、生产级的前端界面，避免通用AI美学。用于构建网页组件、页面、应用或UI美化，生成具有鲜明设计风格和创意的高质量代码。
构建网页组件或页面
创建应用程序界面
美化或重构Web UI
生成HTML/CSS/React布局
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页面
提及程序化SEO或模板页面
需要构建目录页、地点页或对比页
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
基于Vercel工程团队的React和Next.js性能优化指南，提供57条规则用于代码编写、审查及重构，旨在提升应用加载速度与运行效率。
编写或重构React组件与Next.js页面
进行代码审查以发现性能瓶颈
优化数据获取策略与Bundle体积
npx skills add KartikLabhshetwar/screenshot-studio --skill vercel-react-best-practices -g -y
审查UI代码是否符合Web界面指南。通过Fetch获取最新规则，检查指定文件并输出符合规范的发现结果。适用于审查UI、检查无障碍性、审计设计或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
rewrite this page
marketing copy
headline help
CTA copy
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美学。用于构建网页、组件或应用，强调大胆的美学方向、精细的排版、色彩和动效，生成高质量视觉代码。
用户要求构建网页组件
用户要求设计页面或应用界面
用户要求美化或优化Web UI
npx skills add KartikLabhshetwar/screenshot-studio --skill frontend-design -g -y
提供70+心理模型，助用户理解消费行为、伦理影响及决策优化。适用于提及心理学、认知偏差或说服等场景，结合产品背景定制营销策略。
应用心理学原理到营销
提及'心理模型'、'认知偏差'、'说服'、'行为科学'
探讨消费者行为或购买动机
npx skills add KartikLabhshetwar/screenshot-studio --skill marketing-psychology -g -y
用于大规模生成SEO驱动页面的技能，通过模板和数据创建目录、位置或对比页面，强调内容独特性与搜索意图匹配，避免低质量惩罚。
用户提到 programmatic SEO
需要批量生成模板页面
提及 location pages 或 directory 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新特性。
重构包含大量布尔属性的组件
构建可复用的React组件库
审查组件架构设计
使用复合组件或Context Provider
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界面代码是否符合设计规范，支持UI、可访问性及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
询问如何在AI答案中展示品牌
npx skills add KartikLabhshetwar/screenshot-studio --skill ai-seo -g -y
专用于优化内容以在AI搜索引擎（如ChatGPT、Perplexity）中被引用和展示的技能，通过结构化内容和提升权威性增加AI可见性。
用户希望内容被LLM引用
提及AI SEO或AEO优化
询问如何在AI回答中出现
npx skills add KartikLabhshetwar/screenshot-studio --skill ai-seo -g -y
