Agent Skills
› yournextstore/yournextstore
yournextstore/yournextstore
GitHub基于CDP的浏览器自动化CLI工具，支持页面导航、表单填写、截图及数据提取。适用于测试Web应用或执行需要程序化网页交互的任务。
Install All Skills
npx skills add yournextstore/yournextstore --all -g -y
Skills in Collection (12)
基于CDP的浏览器自动化CLI工具，支持页面导航、表单填写、截图及数据提取。适用于测试Web应用或执行需要程序化网页交互的任务。
打开网站
填写表单
点击按钮
截图
抓取数据
测试Web应用
登录站点
npx skills add yournextstore/yournextstore --skill agent-browser -g -y
执行前端界面质量审计，覆盖无障碍、性能、主题和响应式设计。生成包含严重性评级和建议的详细报告，仅记录问题不修复，为后续命令提供依据。
需要评估前端代码质量时
检查界面是否符合设计规范和可访问性标准时
npx skills add yournextstore/yournextstore --skill audit -g -y
自动逆向工程并克隆网站，通过并行构建代理提取资产、CSS和内容，生成像素级复刻。
用户要求克隆或复制网站
提及 'make a copy of this site' 或 'rebuild this page'
npx skills add yournextstore/yournextstore --skill clone-website -g -y
提供UX视角的设计评估，涵盖视觉层级、信息架构及AI生成痕迹检测，旨在识别设计缺陷并提供可执行的改进反馈。
需要评估界面设计的可用性和美观性
检查设计是否存在AI生成的通用特征
npx skills add yournextstore/yournextstore --skill critique -g -y
指导创建具有独特设计感的生产级前端界面，避免通用AI风格。通过确立大胆的美学方向、排版、色彩和布局规范，生成视觉冲击力强且功能完备的代码，适用于网页组件、页面及应用开发。
构建网页组件
设计页面布局
优化前端视觉风格
npx skills add yournextstore/yournextstore --skill frontend-design -g -y
将React项目从Radix UI迁移至Base UI，支持组件级或全项目转换。通过CLI获取基准代码、识别包管理器、执行三步合并保留自定义逻辑，确保构建可用并记录差异。
请求将Radix UI迁移到Base UI
要求转换Radix原语
切换shadcn项目的底层库
npx skills add yournextstore/yournextstore --skill migrate-radix-to-base -g -y
将模板仓库的 main 分支内容自动同步到多个分叉的 Store 仓库，通过文件级比对实现无共同 Git 历史的内容合并与更新。
需要同步模板变更到所有 Store 仓库
执行模板重新基线操作
npx skills add yournextstore/yournextstore --skill propagate-template -g -y
自动将多个主题分支变基到主分支，解决冲突并保留视觉样式。适用于CI/CD流程中保持多主题与主干同步的任务。
需要批量更新主题分支以同步主干代码时
执行定时任务自动化维护多版本分支
npx skills add yournextstore/yournextstore --skill rebase-themes -g -y
管理 shadcn/ui 组件与项目，涵盖添加、搜索、修复、调试、样式及组合 UI。提供上下文、文档及使用示例，适用于构建设计系统或应用品牌规范。
shadcn init
create an app with --preset
switch to --preset
building a design system
applying DESIGN.md or brand spec
npx skills add yournextstore/yournextstore --skill shadcn -g -y
将模板仓库的main分支内容同步到分叉的store仓库中，通过文件级比对处理自定义与托管路径，实现无共同git历史的版本合并与发布。
需要同步模板更新到多个store仓库
执行模板rebase或propagation操作
批量更新store仓库中的托管文件
npx skills add yournextstore/yournextstore --skill store-propagate -g -y
自动化将多个主题分支变基到main，通过脚本合并、codemods处理及AI代理解决冲突，确保构建通过。支持批量运行与状态管理。
需要批量合并主题分支到主分支
执行定时或手动的代码库重构任务
npx skills add yournextstore/yournextstore --skill theme-rebase -g -y
提供Vercel工程的React与Next.js性能优化指南，涵盖消除瀑布流、包体积优化及服务端渲染等57条规则，用于指导代码编写、审查及重构以提升应用性能。
编写或审查React组件与Next.js页面
进行数据获取逻辑实现
执行代码重构以优化性能
优化打包体积或加载速度
npx skills add yournextstore/yournextstore --skill vercel-react-best-practices -g -y
