Agent Skills
› jihe520/mindpocket
jihe520/mindpocket
GitHub提供浏览器自动化 CLI，支持导航、表单填写、截图及数据提取。通过快照获取元素引用并执行交互，适用于网页测试、登录模拟及任何需要程序化 Web 交互的场景。
Install All Skills
npx skills add jihe520/mindpocket --all -g -y
Skills in Collection (13)
提供浏览器自动化 CLI，支持导航、表单填写、截图及数据提取。通过快照获取元素引用并执行交互，适用于网页测试、登录模拟及任何需要程序化 Web 交互的场景。
打开网站
填写表单
点击按钮
截取屏幕
抓取页面数据
测试 Web 应用
登录网站
npx skills add jihe520/mindpocket --skill agent-browser -g -y
用于创建 AI 聊天界面组件的技能，遵循 shadcn/ui 和 Vercel AI SDK 规范。适用于在 ai-elements 库中新增组件或集成 AI 交互功能的开发场景。
需要创建新的 AI 聊天组件
向 ai-elements 库添加组件
集成 shadcn/ui 与 AI SDK
npx skills add jihe520/mindpocket --skill ai-elements -g -y
提供 Better Auth 集成指南，涵盖环境变量配置、CLI 命令使用、数据库适配器设置及会话管理策略。
需要集成 TypeScript 认证框架
配置 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 库
处理身份验证迁移
npx skills add jihe520/mindpocket --skill create-auth-skill -g -y
前端UI/UX设计技能，规范React/Next.js组件架构、Tailwind样式及动效。强制依赖检查、RSC安全隔离、禁用Emoji，确保高性能与响应式布局。
需要生成高质量前端界面代码
涉及React或Next.js项目架构配置
要求遵循严格的UI设计规范
npx skills add jihe520/mindpocket --skill design-taste-frontend -g -y
针对现有网站和应用的重新设计技能。通过扫描代码库、诊断设计缺陷（如排版、色彩、AI痕迹），应用高端设计标准进行针对性优化，提升视觉品质而不破坏功能。
需要提升现有项目视觉质量
移除通用AI设计模式
优化UI/UX细节
npx skills add jihe520/mindpocket --skill redesign-existing-projects -g -y
利用 agent-browser 自动化向多社交平台发布图文内容。支持自动连接浏览器、按工作流执行上传并暂存草稿，具备自我修复失效流程和扩展新平台的能力。
用户需要将文章或图片发布到社交媒体
用户请求推送内容到社交平台
用户希望添加新的社交平台支持
npx skills add jihe520/mindpocket --skill social-push -g -y
提供Vercel官方React与Next.js性能优化指南，涵盖消除数据瀑布、代码包体积缩减及渲染优化等57条规则。用于指导新代码编写、代码审查及重构，确保应用达到最佳性能标准。
编写或审查React组件和Next.js页面
进行代码重构以优化性能
实施客户端或服务端数据获取策略
分析并优化前端Bundle大小
npx skills add jihe520/mindpocket --skill vercel-react-best-practices -g -y
根据Git提交记录生成面向用户的更新日志或发布说明，将技术变更转化为产品视角的MDX文档。
用户请求生成changelog、更新日志或release notes
需要从git历史中提取用户可见的产品变更
npx skills add jihe520/mindpocket --skill changelog-writer -g -y
指导Agent通过MindPocket CLI执行服务器检查、认证及书签/文件夹的CRUD操作，确保按标准工作流使用JSON结构化命令。
需要管理MindPocket书签或文件夹
需要检查CLI环境或进行服务器认证
npx skills add jihe520/mindpocket --skill mindpocket -g -y
协助开发者使用 Vercel AI SDK 构建 AI 功能，包括 Agent、聊天机器人及文本生成。指导查询最新文档、API 用法及模型选择，确保代码基于源码验证且类型正确。
询问 AI SDK 函数如 generateText, useChat
构建 AI agent 或 chatbot
集成 OpenAI/Anthropic 等提供商
实现流式输出或结构化输出
npx skills add jihe520/mindpocket --skill ai-sdk -g -y
