Installable 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

  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.

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 plan

Install order

  1. 01
    Playwright

    Trust 79/100 · Audit 87/100 · Safe to try

  2. 02
    Agent Skills

    Trust 77/100 · Audit 85/100 · Safe to try

  3. 03
    David Ondrej Skills

    Trust 79/100 · Audit 88/100 · Safe to try

  4. 04
    Vercel React Best Practices

    Trust 91/100 · Audit 91/100 · Safe to try

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

Recommended skills

Installable shortlist for this pack

Open pack API
#1

Playwright

Quality 100Trust 79Audit 87

Repository description

Reliable browser automation and testing engine for web agent tasks.

76K starsSafe to tryApache-2.0
#2

Agent Skills

Quality 100Trust 77Audit 85

Repository description

Production-grade engineering skills and quality gates for AI coding agents.

62K starsSafe to tryMIT
#3

David Ondrej Skills

Quality 100Trust 79Audit 88

Repository description

Official Agent Skills for coding agents, research, workflow orchestration, docs, ops, and skill authoring.

968 starsSafe to tryMIT
#5

Webapp Testing

Quality 100Trust 87Audit 89

Repository description

Use Playwright to interact with and test local web applications, capture screenshots, debug UI behavior, and inspect browser logs.

163K starsSafe to trySource terms (see LICENSE.txt)
#6

Figma Implement Design

Quality 100Trust 88Audit 89

Repository description

Translate Figma designs into production-ready UI code with close visual fidelity and component-level detail.

24K starsSafe to trySource terms (see source)
#7

Playwright Browser Skill

Quality 100Trust 84Audit 87

Repository description

Automate a real browser from the terminal for navigation, form filling, snapshots, screenshots, extraction, and UI-flow debugging.

24K starsSafe to trySource terms (see source)
#8

Frontend Design

Quality 100Trust 89Audit 90

Repository description

Guidance for distinctive, intentional UI design, typography, visual direction, and non-template-like product interfaces.

163K starsSafe to trySource terms (see LICENSE.txt)
#10

Anthropic Brand Guidelines

Quality 100Trust 89Audit 90

Repository description

Apply Anthropic official brand colors, typography, and visual standards to appropriate Anthropic-related artifacts.

163K starsSafe to trySource terms (see LICENSE.txt)