Build, inspect, and verify UI work

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
Skills
4
Steps
12K
Top stars

Workflow

How the pack gets used

  1. 01

    Inspect

    Identify framework, routes, components, styling system, and test commands.

  2. 02

    Patch

    Apply scoped UI changes that match the existing design language.

  3. 03

    Verify

    Run lint/build checks plus desktop and mobile browser smoke tests.

  4. 04

    Document

    Summarize changed surfaces, residual risks, and follow-up test gaps.

Best for

  • React apps
  • Next.js products
  • Design system cleanup
  • Mobile responsive QA

Avoid when

  • The agent cannot run the app locally
  • The task needs private design files that are unavailable

Recommended skills

Installable shortlist for this pack

Open pack API
#1

AI Goofish Monitor

Quality 100Trust 100Audit 97

基于 Playwright 和AI实现的闲鱼多任务实时/定时监控与智能分析系统，配备了功能完善的后台管理UI。帮助用户从闲鱼海量商品中，找到心仪产品。

12K starsSafe to tryMIT

Install

npx skills add Usagi-org/ai-goofish-monitor
Skill pageAudit report
#2

Crawlee Python

Quality 100Trust 100Audit 97

Crawlee—A web scraping and browser automation library for Python to build reliable crawlers. Extract data for AI, LLMs, RAG, or GPTs. Download HTML, PDF, JPG, PNG, and other files from websites. Works with Parsel, BeautifulSoup, Playwright, and raw HTTP. Both headful and headless mode. With proxy rotation.

9.2K starsSafe to tryApache-2.0

Install

npx skills add apify/crawlee-python
Skill pageAudit report
#3

Shortest

Quality 100Trust 100Audit 97

QA via natural language AI tests

5.6K starsSafe to tryMIT

Install

npx skills add antiwork/shortest
Skill pageAudit report
#4

Fingerprint Suite

Quality 100Trust 100Audit 97

Browser fingerprinting tools for anonymizing your scrapers. Developed by Apify.

2.4K starsSafe to tryApache-2.0

Install

npx skills add apify/fingerprint-suite
Skill pageAudit report
#5

BotD

Quality 100Trust 100Audit 97

Free bot detection library that runs in the browser. Detects automation tools and frameworks. No server required, runs 100% on the client. MIT license, no usage restrictions.

1.4K starsSafe to tryMIT

Install

npx skills add fingerprintjs/BotD
Skill pageAudit report
#6

Agentql

Quality 100Trust 100Audit 97

AgentQL is a suite of tools for connecting your AI to the web. Featuring a query language and Playwright integrations for interacting with elements and extracting data quickly, precisely, and at scale. Includes REST API, Python and JavaScript SDKs, browser debugger.

1.4K starsSafe to tryMIT

Install

npx skills add tinyfish-io/agentql
Skill pageAudit report
#7

Oba Live Tool

Quality 92Trust 100Audit 93

直播带货工具，支持平台：抖音小店、巨量百应、抖音团购、小红书、视频号、快手小店、淘宝

1.5K starsSafe to tryUnknown

Install

npx skills add qiutongxue/oba-live-tool
Skill pageAudit report
#8

Browser Use

Quality 100Trust 100Audit 97

🌐 Make websites accessible for AI agents. Automate tasks online with ease.

98K starsSafe to tryMIT

Install

npx skills add browser-use/browser-use
Skill pageAudit report
#9

Browser Use

Quality 100Trust 100Audit 97

Make AI agents interact with websites using natural language

97K starsSafe to tryMIT

Install

npx skills add browser-use/browser-use
Skill pageAudit report
#10

Playwright

Quality 100Trust 100Audit 97

Playwright is a framework for Web Testing and Automation. It allows testing Chromium, Firefox and WebKit with a single API.

90K starsSafe to tryApache-2.0

Install

npx skills add microsoft/playwright
Skill pageAudit report