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应用开发与重构
解决Hydration错误或性能问题
npx skills add charlietlamb/openlogs --skill next-best-practices -g -y
介绍 Next.js 16+ Cache Components 特性，涵盖 PPR、use cache 指令及缓存生命周期管理。用于实现静态预渲染、异步数据缓存与动态内容混合渲染，优化页面性能。
需要配置 Next.js 缓存组件
使用 use cache 指令
设置缓存生命周期或标签
npx skills add charlietlamb/openlogs --skill next-cache-components -g -y
指导将 Next.js 项目升级至最新版本，包括检测版本、获取官方迁移指南、运行 codemods 自动化处理破坏性变更、更新依赖及类型，并验证构建与功能。
用户请求升级 Next.js 到最新版
需要执行 Next.js 版本迁移或 codemod 转换
npx skills add charlietlamb/openlogs --skill next-upgrade -g -y
提供React组件组合模式指南，解决布尔属性泛滥问题，涵盖复合组件、状态提升及React 19新API，适用于重构、架构设计及构建可复用组件库。
重构包含大量布尔属性的组件
设计灵活的可复用组件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及最佳实践。通过获取最新规则并比对指定文件，输出详细发现。
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 或 ol CLI 的项目中的本地服务器日志。支持查看最新运行、特定服务日志、启动错误或堆栈跟踪，并智能解析日志以辅助调试。
询问服务器最近发生了什么
需要查看开发服务器输出
查找启动错误或堆栈跟踪
请求检查后端日志
npx skills add charlietlamb/openlogs --skill openlogs-server-logs -g -y
