Agent Skills
› charlietlamb/openlogs
charlietlamb/openlogs
GitHub提供 Next.js 开发最佳实践指南，涵盖文件约定、RSC 边界、异步模式、错误处理、数据获取及性能优化等规则，用于指导代码编写与审查。
Install All Skills
npx skills add charlietlamb/openlogs --all -g -y
Skills in Collection (8)
提供 Next.js 开发最佳实践指南，涵盖文件约定、RSC 边界、异步模式、错误处理、数据获取及性能优化等规则，用于指导代码编写与审查。
Next.js 项目结构搭建
React Server Component 规范检查
Next.js 15+ API 迁移
前端性能优化配置
npx skills add charlietlamb/openlogs --skill next-best-practices -g -y
介绍 Next.js 16+ Cache Components 功能，涵盖 PPR、use cache 指令、缓存生命周期配置及标签失效机制，用于优化前端渲染性能。
需要配置 Next.js 缓存策略
实现 Partial Prerendering (PPR)
优化 React 组件数据获取与渲染性能
npx skills add charlietlamb/openlogs --skill next-cache-components -g -y
指导将 Next.js 项目升级至最新版本，涵盖版本检测、获取官方迁移指南、执行 codemods、更新依赖及测试验证等步骤。
用户请求升级 Next.js 框架版本
需要遵循官方指南进行大版本迁移
npx skills add charlietlamb/openlogs --skill next-upgrade -g -y
提供React组件组合模式指南，解决布尔属性泛滥问题。适用于重构复杂组件、构建可复用库及设计灵活API，涵盖复合组件、状态提升和React 19新特性。
重构含大量布尔属性的组件
构建可复用组件库
审查组件架构
使用复合组件或Context Provider
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
审查UI代码是否符合Web界面规范。通过Fetch获取最新规则，检查指定文件并输出问题位置。
review my UI
check accessibility
audit design
npx skills add charlietlamb/openlogs --skill web-design-guidelines -g -y
通过 openlogs CLI 获取并分析本地服务器日志，辅助排查启动错误、堆栈跟踪及后端运行问题。
用户询问服务器发生了什么
需要查看开发服务器输出
需要检查启动错误或堆栈跟踪
npx skills add charlietlamb/openlogs --skill openlogs-server-logs -g -y
