探索 Skill

Vercel React Best Practices · React 与 Next.js 性能优化

@public/vercel-react-best-practices

Vercel Engineering 面向 React 和 Next.js 的性能审查指南。Agent 可按影响优先排查请求串行等待和过大的客户端包，再检查服务端取数、重复渲染等问题。上游 1.0.0 收录 8 类共 70 条规则，采用 MIT 许可证。

• next.js
• react
• 代码审查
• 前端性能
• 异步请求

• 审查商品详情页的串行取数
• 分析首屏加载的重型客户端组件
• 重构频繁更新的 React 组件

Frontend Design · 前端界面设计

@public/frontend-design

如何让 Agent 做出的网页更贴合产品？Anthropic 的 Frontend Design 指导前端开发 Agent 根据受众、真实文案和用户任务选择字体、配色、布局、动效与按钮措辞。适用于新建网页和改版现有界面。

• 交互文案
• 前端开发
• 界面设计
• 网页排版

• 为独立书店、展览或产品发布活动设计有明确报名入口的落地页
• 改进现有页面的信息层级、字体可读性和操作反馈