Agent Skills
› charlietlamb/openlogs
charlietlamb/openlogs
GitHub提供Next.js开发最佳实践指南，涵盖文件规范、RSC边界、异步API、数据模式、错误处理及性能优化等核心领域。
Install All Skills
npx skills add charlietlamb/openlogs --all -g -y
Skills in Collection (8)
提供Next.js开发最佳实践指南，涵盖文件规范、RSC边界、异步API、数据模式、错误处理及性能优化等核心领域。
编写或审查Next.js代码时
配置Next.js项目结构或路由时
解决Next.js特定错误或性能问题时
npx skills add charlietlamb/openlogs --skill next-best-practices -g -y
介绍 Next.js 16+ 的 Cache Components 特性，支持混合静态、缓存和动态内容。涵盖启用配置、use cache 指令用法、缓存生命周期管理及失效机制，用于优化渲染性能。
用户询问 Next.js 缓存或 PPR 配置
需要实现组件级数据缓存策略
处理 React 服务端组件的性能优化
npx skills add charlietlamb/openlogs --skill next-cache-components -g -y
协助将 Next.js 项目升级至最新版本，通过检测当前版本、获取官方迁移指南和 Codemods，自动化处理依赖更新与破坏性变更，确保平滑过渡。
需要将 Next.js 升级到新版本
执行 Next.js 版本迁移
npx skills add charlietlamb/openlogs --skill next-upgrade -g -y
提供React组件组合模式指南，解决布尔属性泛滥问题，支持构建可复用组件库、重构复杂组件及设计灵活API，涵盖复合组件、上下文提供者等架构最佳实践。
重构包含大量布尔属性的组件
构建可复用的组件库
设计灵活的组件API
审查组件架构
npx skills add charlietlamb/openlogs --skill vercel-composition-patterns -g -y
提供 React 和 Next.js 性能优化指南，涵盖消除数据瀑布、包体积优化及服务端性能等规则。用于指导代码编写、审查与重构，确保最佳实践。
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界面指南，支持访问性、UX审计及最佳实践检查。通过获取最新规则并比对文件输出问题。
review my UI
check accessibility
audit design
review UX
npx skills add charlietlamb/openlogs --skill web-design-guidelines -g -y
用于通过 openlogs CLI 获取和分析本地服务器日志，辅助排查启动错误、堆栈跟踪及后端问题。
用户询问服务器发生了什么或需要近期输出
用户请求检查启动错误或堆栈跟踪
npx skills add charlietlamb/openlogs --skill openlogs-server-logs -g -y
