Skill Pack yang dapat dipasang

Engineer frontend pack agent

Pack untuk React, Next.js, sistem desain, kualitas komponen, dan verifikasi browser.

Titik awal yang dapat diaudit untuk alur kerja Engineer frontend.

10
Skill terpilih
4
Urutan pemasangan
76K
Sinyal adopsi

Urutan eksekusi

Cara agent menggunakan pack ini

  1. 01

    Tentukan

    Jelaskan pekerjaan, batasan, dan bukti yang diperlukan sebelum memasang.

  2. 02

    Pilih

    Pilih sedikit skill dengan sinyal kualitas, kepercayaan, dan pemeliharaan yang jelas.

  3. 03

    Jalankan dengan aman

    Pasang hanya file yang diperlukan dalam ruang kerja terkontrol dan tinjau izin terlebih dahulu.

  4. 04

    Verifikasi

    Periksa keluaran, laporkan hasil, dan pertahankan persetujuan manusia untuk risiko penting.

Cocok untuk

  • Alur kerja Engineer frontend
  • Pemilihan dengan sinyal publik kualitas, kepercayaan, dan audit
  • Uji coba dalam ruang kerja terkontrol

Tinjau terlebih dahulu ketika

  • Tugas membutuhkan akses tanpa tinjauan ke data sensitif atau kredensial produksi
  • Tidak ada yang dapat meninjau kode sumber, izin, atau hasil

Rencana instalasi agent

Rencana yang dapat dibaca mesin dan dijalankan agent.

API pack mengembalikan urutan pemasangan, URL audit, pemeriksaan peninjauan, dan kontrak hasil. Gunakan halaman ini sebagai konteks lalu panggil API untuk rencana JSON yang tepat.

Buka rencana teks

Urutan pemasangan

  1. 01
    Playwright

    Kepercayaan 80/100 · Audit 89/100 · Aman untuk dicoba

    npx skills add microsoft/playwright
  2. 02
    Skills

    Kepercayaan 87/100 · Audit 92/100 · Aman untuk dicoba

    npx skills add davidondrej/skills
  3. 03
    Agent Skills

    Kepercayaan 88/100 · Audit 92/100 · Perlu ditinjau

    npx skills add addyosmani/agent-skills
  4. 04
    Vercel React Best Practices

    Kepercayaan 91/100 · Audit 94/100 · Aman untuk dicoba

    npx skills add vercel-labs/agent-skills --skill vercel-react-best-practices

Daftar peninjauan

  • Buka URL audit untuk setiap skill terpilih sebelum memasangnya.
  • Pasang terlebih dahulu hanya di sandbox, branch lokal, atau ruang kerja yang dapat dibuang.
  • Tinjau lisensi, aktivitas repositori terbaru, kelengkapan README/SKILL.md, dan cakupan dependensi.
  • Jalankan satu tugas yang sempit sebelum menggunakan pack dalam alur kerja produksi.
  • Laporkan keberhasilan, hambatan penyiapan, blokir risiko, atau hasil berkualitas rendah ke endpoint hasil.

Endpoint hasil

POST https://www.openagentskill.com/api/agent/outcome

Skill yang direkomendasikan

Pilihan installable untuk pack ini

Buka Pack API
#1

Playwright

Kualitas 100Kepercayaan 80Audit 89

Deskripsi repositori (asli)

Reliable browser automation and testing engine for web agent tasks.

76K starsAman untuk dicobaApache-2.0

Pasang

npx skills add microsoft/playwright
#2

Skills

Kualitas 100Kepercayaan 87Audit 92

Deskripsi repositori (asli)

access to david ondrej's personal agent skills

2.7K starsAman untuk dicobaMIT

Pasang

npx skills add davidondrej/skills
#3

Agent Skills

Kualitas 100Kepercayaan 88Audit 92

Deskripsi repositori (asli)

Production-grade engineering skills for AI coding agents.

88K starsPerlu ditinjauMIT

Pasang

npx skills add addyosmani/agent-skills
#4

Vercel React Best Practices

Kualitas 100Kepercayaan 91Audit 94

Deskripsi repositori (asli)

React and Next.js performance guidance for writing, reviewing, and refactoring production UI code.

30K starsAman untuk dicobaMIT

Pasang

npx skills add vercel-labs/agent-skills --skill vercel-react-best-practices
#5

Next

Kualitas 100Kepercayaan 87Audit 93

Deskripsi repositori (asli)

🦍 A configurable component library for web built on React.

4.7K starsAman untuk dicobaMIT

Pasang

npx skills add alibaba-fusion/next
#6

Webapp Testing

Kualitas 100Kepercayaan 87Audit 92

Deskripsi repositori (asli)

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

170K starsAman untuk dicobaSource terms (see LICENSE.txt)

Pasang

npx skills add anthropics/skills --skill webapp-testing
#7

Material Ui

Kualitas 100Kepercayaan 90Audit 92

Deskripsi repositori (asli)

Material UI: Comprehensive React component library that implements Google's Material Design. Free forever.

98K starsAman untuk dicobaMIT

Pasang

npx skills add mui/material-ui
#8

Daisyui

Kualitas 100Kepercayaan 90Audit 92

Deskripsi repositori (asli)

🌼 🌼 🌼 🌼 🌼  The most popular, free and open-source Tailwind CSS component library

41K starsAman untuk dicobaMIT

Pasang

npx skills add saadeghi/daisyui
#9

Chakra Ui

Kualitas 100Kepercayaan 88Audit 91

Deskripsi repositori (asli)

Chakra UI is a component system for building SaaS products with speed ⚡️

40K starsAman untuk dicobaMIT

Pasang

npx skills add chakra-ui/chakra-ui
#10

Refine

Kualitas 100Kepercayaan 90Audit 92

Deskripsi repositori (asli)

A React Framework for building internal tools, admin panels, dashboards & B2B apps with unmatched flexibility.

35K starsAman untuk dicobaMIT

Pasang

npx skills add refinedev/refine