Agent Skills
› charlietlamb/openlogs
charlietlamb/openlogs
GitHub提供 Next.js 开发最佳实践指南，涵盖文件约定、RSC 边界、异步模式、数据获取、错误处理及性能优化等规则，辅助代码编写与审查。
安装全部 Skills
npx skills add charlietlamb/openlogs --all -g -y
集合内 Skills (8)
提供 Next.js 开发最佳实践指南，涵盖文件约定、RSC 边界、异步模式、数据获取、错误处理及性能优化等规则，辅助代码编写与审查。
询问 Next.js 最佳实践
Next.js 代码审查
Next.js 项目结构咨询
npx skills add charlietlamb/openlogs --skill next-best-practices -g -y
Next.js 16+ 缓存组件指南，涵盖 PPR 配置、静态/缓存/动态内容分类、use cache 指令及 cacheLife/cacheTag 缓存生命周期管理。
询问 Next.js 缓存机制
配置 Partial Prerendering
优化 React 组件渲染性能
npx skills add charlietlamb/openlogs --skill next-cache-components -g -y
指导用户将 Next.js 项目升级至最新版本。通过检测当前版本、获取官方迁移指南和 Codemods，执行依赖更新、代码转换及手动修改，最终验证构建与运行状态，确保平滑过渡。
需要将 Next.js 升级到新版本
处理 Next.js 版本迁移和 Breaking Changes
npx skills add charlietlamb/openlogs --skill next-upgrade -g -y
提供React组件组合模式指南，解决布尔属性泛滥问题。适用于重构复杂组件、构建可复用库及设计灵活API。涵盖复合组件、状态提升、上下文提供者及React 19新特性，旨在提升代码可维护性与扩展性。
重构具有大量布尔属性的组件
构建可复用的组件库
设计灵活的组件API
审查组件架构
处理复合组件或上下文提供者
npx skills add charlietlamb/openlogs --skill vercel-composition-patterns -g -y
基于Vercel工程团队的React和Next.js性能优化指南，涵盖消除数据瀑布、包体积优化及服务端渲染等57条规则，用于指导代码编写、审查与重构以提升应用性能。
编写或审查React/Next.js组件代码
实施客户端或服务端数据获取逻辑
重构现有代码以优化加载速度和包大小
npx skills add charlietlamb/openlogs --skill vercel-react-best-practices -g -y
提供 React Native 和 Expo 应用开发的最佳实践指南，涵盖性能优化、动画实现、UI 模式及原生模块配置。用于指导构建高性能移动端应用，解决列表渲染、状态管理及跨平台兼容性问题。
构建 React Native 或 Expo 应用
优化列表和滚动性能
实现 Reanimated 动画
处理原生模块或字体配置
npx skills add charlietlamb/openlogs --skill vercel-react-native-skills -g -y
用于审查Web界面代码是否符合设计规范，支持UI、无障碍、UX审计及最佳实践检查。通过获取最新指南并比对文件内容，输出具体违规位置。
review my UI
check accessibility
audit design
review UX
check my site against best practices
npx skills add charlietlamb/openlogs --skill web-design-guidelines -g -y
用于获取和检查本地服务器日志，支持通过 openlogs CLI 或 ol 别名查看最新运行、特定命令日志及实时跟踪，辅助排查启动错误或堆栈异常。
用户询问服务器发生了什么
需要检查后端日志或启动错误
请求查看 dev-server 输出
npx skills add charlietlamb/openlogs --skill openlogs-server-logs -g -y
