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代码
解决Next.js架构或性能问题
npx skills add charlietlamb/openlogs --skill next-best-practices -g -y
Next.js 16+ 缓存组件技能，涵盖 PPR、use cache 指令及 cacheLife/Tag 配置。指导如何启用混合渲染、定义静态/缓存/动态内容粒度及设置缓存生命周期与失效策略。
Next.js 项目性能优化
实现 Partial Prerendering (PPR)
配置数据缓存策略
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。涵盖复合组件、状态提升和React 19新特性，适用于前端架构优化与代码维护。
重构含大量布尔属性的组件
构建可复用组件库
审查组件架构
使用复合组件或上下文提供者
npx skills add charlietlamb/openlogs --skill vercel-composition-patterns -g -y
提供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 或日志文件获取并分析服务器运行日志，用于排查启动错误、堆栈跟踪及后端问题。
用户询问服务器发生了什么
需要检查开发服务器输出
查找启动错误或堆栈跟踪
npx skills add charlietlamb/openlogs --skill openlogs-server-logs -g -y
