#1
源仓库说明（原文）
Reliable browser automation and testing engine for web agent tasks.
76K Stars可先试用Apache-2.0
可安装技能包
前端工程师 Agent 技能包
为 React、Next.js、设计系统、组件质量和浏览器验证准备的技能包。
为「前端工程师」准备的可审计起点：先明确任务，再选择最少且合适的技能。
10
入选技能
4
安装顺序
76K
最高采用度
执行顺序
Agent 如何使用这个技能包
- 01
明确目标
在选择安装方案前，先明确任务、约束条件和所需证据。
- 02
选择技能
只挑选质量、信任和维护信号都足够清晰的少量技能。
- 03
受控执行
仅在受控工作区安装必要文件，并先审查权限和外部访问。
- 04
验证结果
检查输出、回传结果，并在高风险环节保留人工确认。
适用场景
- 前端工程师 工作流
- 需要质量、信任和审计信号的技能选择
- 可在受控工作区先行验证的任务
以下情况请先审查
- 任务需要未经审查地访问敏感数据或生产凭据
- 无人能够审查源码、权限或输出结果
安装顺序
- 01
- 02
- 03
- 04Vercel React Best Practices
信任 91/100 · 审计 94/100 · 可先试用
npx skills add vercel-labs/agent-skills --skill vercel-react-best-practices
审查清单
- 安装前，先打开每个入选技能的审计链接。
- 优先在沙箱、本地分支或可随时丢弃的工作区安装。
- 检查许可证、近期仓库活跃度、README/SKILL.md 完整度和依赖范围。
- 用于生产工作流前，先完成一个范围明确的小任务。
- 将成功、配置阻碍、风险拦截或低质量输出回传至结果端点。
结果回传端点
POST https://www.openagentskill.com/api/agent/outcome推荐技能
这个技能包的可安装精选
#2
#3
源仓库说明（原文）
Production-grade engineering skills for AI coding agents.
88K Stars需要审查MIT
#4
源仓库说明（原文）
React and Next.js performance guidance for writing, reviewing, and refactoring production UI code.
30K Stars可先试用MIT
#5
源仓库说明（原文）
🦍 A configurable component library for web built on React.
4.7K Stars可先试用MIT
#6
源仓库说明（原文）
Use Playwright to interact with and test local web applications, capture screenshots, debug UI behavior, and inspect browser logs.
170K Stars可先试用Source terms (see LICENSE.txt)
#7
源仓库说明（原文）
Material UI: Comprehensive React component library that implements Google's Material Design. Free forever.
98K Stars可先试用MIT
#8
源仓库说明（原文）
🌼 🌼 🌼 🌼 🌼 The most popular, free and open-source Tailwind CSS component library
41K Stars可先试用MIT
#9
源仓库说明（原文）
Chakra UI is a component system for building SaaS products with speed ⚡️
40K Stars可先试用MIT
#10
源仓库说明（原文）
A React Framework for building internal tools, admin panels, dashboards & B2B apps with unmatched flexibility.
35K Stars可先试用MIT