OpenAgentSkill 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.
---
Recommended skills:
1. Playwright (playwright)
   Reliable browser automation and testing engine for web agent tasks.
   Quality: 100/100 | Trust: 79/100 | Audit: 87/100 Safe to try
   Install: npx skills add microsoft/playwright
   URL: https://www.openagentskill.com/skills/playwright
---
2. Skills (davidondrej-skills)
   access to david ondrej's personal agent skills
   Quality: 100/100 | Trust: 86/100 | Audit: 90/100 Safe to try
   Install: npx skills add davidondrej/skills
   URL: https://www.openagentskill.com/skills/davidondrej-skills
---
3. Agent Skills (addyosmani-agent-skills)
   Production-grade engineering skills for AI coding agents.
   Quality: 100/100 | Trust: 89/100 | Audit: 93/100 Needs review
   Install: npx skills add addyosmani/agent-skills
   URL: https://www.openagentskill.com/skills/addyosmani-agent-skills
---
4. Vercel React Best Practices (vercel-react-best-practices)
   React and Next.js performance guidance for writing, reviewing, and refactoring production UI code.
   Quality: 100/100 | Trust: 91/100 | Audit: 94/100 Safe to try
   Install: npx skills add vercel-labs/agent-skills --skill vercel-react-best-practices
   URL: https://www.openagentskill.com/skills/vercel-react-best-practices
---
5. Next (alibaba-fusion-next)
   🦍 A configurable component library for web built on React. 
   Quality: 99/100 | Trust: 86/100 | Audit: 90/100 Safe to try
   Install: npx skills add alibaba-fusion/next
   URL: https://www.openagentskill.com/skills/alibaba-fusion-next
---
6. Webapp Testing (anthropic-webapp-testing)
   Use Playwright to interact with and test local web applications, capture screenshots, debug UI behavior, and inspect browser logs.
   Quality: 100/100 | Trust: 87/100 | Audit: 92/100 Safe to try
   Install: npx skills add anthropics/skills --skill webapp-testing
   URL: https://www.openagentskill.com/skills/anthropic-webapp-testing
---
7. Material Ui (mui-material-ui)
   Material UI: Comprehensive React component library that implements Google's Material Design. Free forever.
   Quality: 100/100 | Trust: 90/100 | Audit: 92/100 Safe to try
   Install: npx skills add mui/material-ui
   URL: https://www.openagentskill.com/skills/mui-material-ui
---
8. Daisyui (saadeghi-daisyui)
   🌼 🌼 🌼 🌼 🌼  The most popular, free and open-source Tailwind CSS component library
   Quality: 100/100 | Trust: 90/100 | Audit: 92/100 Safe to try
   Install: npx skills add saadeghi/daisyui
   URL: https://www.openagentskill.com/skills/saadeghi-daisyui
---
9. Chakra Ui (chakra-ui-chakra-ui)
   Chakra UI is a component system for building SaaS products with speed ⚡️
   Quality: 100/100 | Trust: 87/100 | Audit: 89/100 Safe to try
   Install: npx skills add chakra-ui/chakra-ui
   URL: https://www.openagentskill.com/skills/chakra-ui-chakra-ui
---
10. Refine (refinedev-refine)
   A React Framework for building  internal tools, admin panels, dashboards & B2B apps with unmatched flexibility.
   Quality: 100/100 | Trust: 89/100 | Audit: 90/100 Safe to try
   Install: npx skills add refinedev/refine
   URL: https://www.openagentskill.com/skills/refinedev-refine
---
Install plan:
1. Playwright - 
2. Skills - 
3. Agent Skills - 
4. Vercel React Best Practices - 
5. Next - 
6. Webapp Testing - npx skills add anthropics/skills --skill webapp-testing
---
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/outcome