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开发规范咨询
npx skills add charlietlamb/openlogs --skill next-best-practices -g -y
Next.js 16+ 缓存组件指南，介绍 PPR、use cache 指令及 cacheLife/Tag 等 API，用于优化渲染性能与数据缓存策略。
需要配置 Next.js 缓存策略
实现 Partial Prerendering
使用 use cache 指令优化组件
npx skills add charlietlamb/openlogs --skill next-cache-components -g -y
指导将 Next.js 项目升级至最新版本，涵盖版本检测、官方迁移指南获取、Codemod 自动化修复、依赖更新及构建测试等步骤。
用户请求升级 Next.js 版本
检测到项目需要框架版本更新
npx skills add charlietlamb/openlogs --skill next-upgrade -g -y
提供React组件组合模式指南，避免布尔属性泛滥。涵盖复合组件、状态提升及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
审查UI代码是否符合Web界面指南，支持访问性、UX和设计审计。通过获取最新规则并对照检查文件，输出file:line格式的问题报告。
review my UI
check accessibility
audit design
review UX
npx skills add charlietlamb/openlogs --skill web-design-guidelines -g -y
用于获取和检查使用 openlogs 或 ol CLI 的项目本地服务器日志。支持通过命令查询最近运行、启动错误、堆栈跟踪及实时日志，优先分析清理后的文本日志以辅助调试后端问题。
用户询问服务器发生了什么
需要查看开发服务器的近期输出
查找启动错误或堆栈跟踪
请求检查后端日志
npx skills add charlietlamb/openlogs --skill openlogs-server-logs -g -y
