-
[NA] [DOCS] Cross-agent Opik FE Best Practices skill (#4893)
frostbyte_neo 发布于
2026-01-26 13:45:19 +00:00 - [NA] [DOCS] Implement Opik Frontend Best Practices skill based on Vercel framework
This commit implements a production-ready Agent Skill and Cursor skill for React
performance optimization in the Opik frontend, based on Vercel's React Best Practices
framework. The skill is fully adapted for Opik's tech stack (Vite + React 18 +
TypeScript + React Query + TanStack Router).Implementation includes:
- Agent Skill with 45 files (SKILL.md, AGENTS.md, 43 rule files)
- Cursor Skill with identical structure for IDE integration
- 40+ production-ready rules across 7 categories (Data Fetching, Bundle Size,
Re-render Optimization, Rendering Performance, Client-Side Patterns,
JavaScript Performance, Advanced Patterns) - Each rule includes impact assessment, code examples, and Opik-specific adaptations
Based on Vercel's 10+ years of React/Next.js optimization knowledge.
References:
- https://vercel.com/blog/introducing-react-best-practices
- https://github.com/vercel-labs/agent-skills/tree/main/skills/react-best-practices
- https://agentskills.io/home
Implements NA: Add frontend performance optimization skill for AI agents
- Revision 2: Add Makefile for skill sync and update skill structure
Co-authored-by: GitHub Actions Bot github-actions@comet.com
下载附件