#1
Repository description
Reliable browser automation and testing engine for web agent tasks.
76K starsSafe to tryApache-2.0
Install
npx skills add microsoft/playwrightInstallable pack
Frontend engineer agent pack
A practical pack for agents working on React, Next.js, design systems, component quality, browser QA, and frontend regression checks.
Frontend engineers and product teams using agents to ship UI changes faster.
10
Selected skills
4
Install order
76K
Top adoption
Execution order
How an agent should use this pack
- 01
Inspect
Identify framework, routes, components, styling system, and test commands.
- 02
Patch
Apply scoped UI changes that match the existing design language.
- 03
Verify
Run lint/build checks plus desktop and mobile browser smoke tests.
- 04
Document
Summarize changed surfaces, residual risks, and follow-up test gaps.
Good fit
- React apps
- Next.js products
- Design system cleanup
- Mobile responsive QA
Review first when
- The agent cannot run the app locally
- The task needs private design files that are unavailable
Agent install plan
A machine-readable plan agents can execute.
The pack API returns install order, audit URLs, review checks, and an outcome feedback contract. Use this page for context, then call the API for the exact JSON plan.
Open text planInstall order
- 01
- 02
- 03
- 04Vercel React Best Practices
Trust 91/100 · Audit 94/100 · Safe to try
npx skills add vercel-labs/agent-skills --skill vercel-react-best-practices
Review checklist
- Open the audit URL for every selected skill before installation.
- Install only inside a sandbox, local branch, or disposable workspace first.
- Review license, recent repository activity, README/SKILL.md completeness, and dependency surface.
- Run one narrow task before using the pack in production workflows.
- Report success, setup friction, risk blocks, or low-quality output to the outcome endpoint.
Outcome endpoint
POST https://www.openagentskill.com/api/agent/outcomeRecommended skills
Installable shortlist for this pack
#2
Repository description
access to david ondrej's personal agent skills
2.7K starsSafe to tryMIT
Install
npx skills add davidondrej/skills#3
Repository description
Production-grade engineering skills for AI coding agents.
81K starsSafe to tryMIT
Install
npx skills add addyosmani/agent-skills#4
Repository description
React and Next.js performance guidance for writing, reviewing, and refactoring production UI code.
30K starsSafe to tryMIT
Install
npx skills add vercel-labs/agent-skills --skill vercel-react-best-practices#5
Repository description
Use Playwright to interact with and test local web applications, capture screenshots, debug UI behavior, and inspect browser logs.
165K starsSafe to trySource terms (see LICENSE.txt)
Install
npx skills add anthropics/skills --skill webapp-testing#6
Repository description
Material UI: Comprehensive React component library that implements Google's Material Design. Free forever.
98K starsSafe to tryMIT
Install
npx skills add mui/material-ui#7
Repository description
🌼 🌼 🌼 🌼 🌼 The most popular, free and open-source Tailwind CSS component library
41K starsSafe to tryMIT
Install
npx skills add saadeghi/daisyui#8
Repository description
Chakra UI is a component system for building SaaS products with speed ⚡️
40K starsSafe to tryMIT
Install
npx skills add chakra-ui/chakra-ui#9
Repository description
A React Framework for building internal tools, admin panels, dashboards & B2B apps with unmatched flexibility.
35K starsSafe to tryMIT
Install
npx skills add refinedev/refine#10
Repository description
The Cursor for Designers • An Open-Source AI-First Design tool • Visually build, style, and edit your React App with AI
26K starsSafe to tryApache-2.0
Install
npx skills add onlook-dev/onlook