Agent Skills
› jihe520/mindpocket
jihe520/mindpocket
GitHub提供浏览器自动化CLI工具，支持AI代理进行网页导航、表单填写、点击操作、截图及数据提取。适用于需要程序化控制浏览器完成Web交互或测试的场景。
Install All Skills
npx skills add jihe520/mindpocket --all -g -y
Skills in Collection (13)
提供浏览器自动化CLI工具，支持AI代理进行网页导航、表单填写、点击操作、截图及数据提取。适用于需要程序化控制浏览器完成Web交互或测试的场景。
打开网站
填写表单
点击按钮
截取屏幕截图
从页面抓取数据
测试Web应用
登录网站
npx skills add jihe520/mindpocket --skill agent-browser -g -y
用于在项目中创建新的 AI 聊天界面组件，遵循 shadcn/ui 和 Vercel AI SDK 规范。当用户需要添加新组件或开发 ai-elements 库内容时触发。
创建新的 AI 聊天界面组件
向 ai-elements 库添加组件
基于 shadcn/ui 和 AI SDK 开发 UI
npx skills add jihe520/mindpocket --skill ai-elements -g -y
提供 Better Auth 集成指南，涵盖环境变量、CLI 命令、核心配置、数据库适配及会话管理。辅助开发者在 TypeScript 项目中快速搭建安全的认证系统。
需要集成 Better Auth 进行用户认证
配置 Better Auth 的数据库适配器或会话策略
解决 Better Auth 的环境变量或插件配置问题
npx skills add jihe520/mindpocket --skill better-auth-best-practices -g -y
用于在实现前探索用户意图、需求和设计，通过协作对话将想法转化为完整设计方案。强制要求在设计获批后才进入实施阶段，确保需求明确并减少返工。
创建新功能
构建组件
添加功能
修改行为
npx skills add jihe520/mindpocket --skill brainstorming -g -y
用于根据 Git 历史或代码变更生成面向用户的更新日志和发布说明，将技术细节转化为产品视角的 MDX 格式内容。
用户请求创建或更新 changelog、release notes
需要分析 git log 或 diff 以提取用户可见变更
npx skills add jihe520/mindpocket --skill changelog-writer -g -y
指导在 TypeScript/JavaScript 应用中使用 Better Auth 集成认证功能。涵盖新项目搭建、现有项目迁移及增强，包括核心安装、环境变量配置、服务端与客户端设置及路由处理。
需要为应用添加用户认证功能
将现有系统迁移至 Better Auth
配置 OAuth 或邮箱密码登录
npx skills add jihe520/mindpocket --skill create-auth-skill -g -y
指导AI作为高级UI/UX工程师，基于严格的设计参数和架构规范生成前端代码。涵盖React/Next.js、Tailwind CSS及组件化策略，强调性能优化与视觉一致性。
需要构建高质量的前端界面
涉及React或Next.js项目开发
要求严格的UI/UX设计标准
npx skills add jihe520/mindpocket --skill design-taste-frontend -g -y
用于升级现有网站和应用的视觉设计。通过审计当前代码识别通用AI模式，应用高端设计标准优化排版、色彩和细节，提升质感且不破坏功能。
需要提升现有项目的UI/UX设计质量
去除界面中常见的AI生成痕迹和通用模板感
对现有前端页面进行精细化重构以符合高端审美
npx skills add jihe520/mindpocket --skill redesign-existing-projects -g -y
利用 agent-browser 自动化操作浏览器，将内容发布至小红书、X、微博等社交平台。支持多平台工作流执行、草稿保存及新平台扩展与维护。
用户需要发布文章或帖子到社交媒体
用户希望自动上传图文到社交平台
npx skills add jihe520/mindpocket --skill social-push -g -y
基于 Vercel Engineering 的 React 和 Next.js 性能优化指南，涵盖消除数据瀑布、包体积优化及服务端渲染等规则。用于编写、审查或重构代码以确保最佳性能模式。
React 组件编写与重构
Next.js 页面开发
数据获取策略优化
Bundle 体积优化
应用性能审查
npx skills add jihe520/mindpocket --skill vercel-react-best-practices -g -y
用于根据Git提交历史或代码变更生成面向用户的更新日志和发布说明，将技术细节转化为用户可见的产品改进。
用户请求生成 changelog 或 release notes
需要从 git log/diff 提取产品变更并写入 MDX
npx skills add jihe520/mindpocket --skill changelog-writer -g -y
提供 MindPocket CLI 操作指南，涵盖环境检查、认证、配置及书签文件夹的增删改查。指导 Agent 通过结构化 JSON 命令与服务器交互，替代手动浏览器操作或 API 调用。
用户需要通过命令行管理 MindPocket 书签或文件夹
用户需要检查 MindPocket 服务状态或进行身份验证
npx skills add jihe520/mindpocket --skill mindpocket -g -y
指导开发者正确使用 Vercel AI SDK，强调以本地源码和官方文档为准，避免依赖过时知识。涵盖安装、API查询、模型获取及 Agent 构建等场景。
AI SDK 功能咨询
构建 AI Agent 或聊天机器人
查询 AI 提供商集成细节
使用 React hooks 如 useChat
npx skills add jihe520/mindpocket --skill ai-sdk -g -y
