Installierbares Skill Pack

Frontend-Engineering Agent-Paket

Ein Pack für React, Next.js, Designsysteme, Komponentenqualität und Browser-Verifikation.

Ein prüfbarer Ausgangspunkt für den Frontend-Engineering-Workflow.

10
Ausgewählte Skills
4
Installationsreihenfolge
76K
Adoptionssignal

Ausführungsreihenfolge

So verwendet ein Agent dieses Pack

  1. 01

    Definieren

    Kläre Aufgabe, Grenzen und benötigte Evidenz vor der Installation.

  2. 02

    Auswählen

    Wähle wenige Skills mit klaren Qualitäts-, Trust- und Wartungssignalen.

  3. 03

    Sicher ausführen

    Installiere nur notwendige Dateien in einem kontrollierten Arbeitsbereich und prüfe Berechtigungen zuerst.

  4. 04

    Verifizieren

    Prüfe Ausgabe und Ergebnis und behalte bei relevanten Risiken eine menschliche Freigabe.

Gut geeignet für

  • Frontend-Engineering-Workflows
  • Auswahl mit öffentlichen Qualitäts-, Trust- und Audit-Signalen
  • Tests in einem kontrollierten Arbeitsbereich

Zuerst prüfen, wenn

  • Die Aufgabe benötigt ungeprüften Zugriff auf sensible Daten oder Produktionszugänge
  • Quellcode, Berechtigungen oder Ergebnisse können nicht geprüft werden

Agent-Installationsplan

Ein maschinenlesbarer Plan, den Agents ausführen können.

Die Pack-API liefert Installationsreihenfolge, Audit-URLs, Prüfschritte und einen Ergebnisvertrag. Nutze diese Seite als Kontext und rufe für den exakten JSON-Plan die API auf.

Textplan öffnen

Installationsreihenfolge

  1. 01
    Playwright

    Trust 80/100 · Audit 89/100 · Sicher testbar

    npx skills add microsoft/playwright
  2. 02
    Skills

    Trust 87/100 · Audit 92/100 · Sicher testbar

    npx skills add davidondrej/skills
  3. 03
    Agent Skills

    Trust 88/100 · Audit 92/100 · Prüfung nötig

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

    Trust 91/100 · Audit 94/100 · Sicher testbar

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

Prüfliste

  • Öffne vor der Installation die Audit-URL jedes ausgewählten Skills.
  • Installiere zuerst nur in einer Sandbox, einem lokalen Branch oder einem wegwerfbaren Arbeitsbereich.
  • Prüfe Lizenz, aktuelle Repository-Aktivität, README/SKILL.md-Vollständigkeit und Abhängigkeitsumfang.
  • Führe eine klar abgegrenzte Aufgabe aus, bevor du das Paket produktiv nutzt.
  • Melde Erfolg, Einrichtungsprobleme, Risikoblockaden oder mangelhafte Ergebnisse an den Ergebnis-Endpunkt.

Ergebnis-Endpunkt

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

Empfohlene Skills

Installierbare Auswahl für dieses Pack

Pack-API öffnen
#1

Playwright

Qualität 100Trust 80Audit 89

Repository-Beschreibung (Original)

Reliable browser automation and testing engine for web agent tasks.

76K StarsSicher testbarApache-2.0

Installieren

npx skills add microsoft/playwright
#2

Skills

Qualität 100Trust 87Audit 92

Repository-Beschreibung (Original)

access to david ondrej's personal agent skills

2.7K StarsSicher testbarMIT

Installieren

npx skills add davidondrej/skills
#3

Agent Skills

Qualität 100Trust 88Audit 92

Repository-Beschreibung (Original)

Production-grade engineering skills for AI coding agents.

88K StarsPrüfung nötigMIT

Installieren

npx skills add addyosmani/agent-skills
#4

Vercel React Best Practices

Qualität 100Trust 91Audit 94

Repository-Beschreibung (Original)

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

30K StarsSicher testbarMIT

Installieren

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

Next

Qualität 100Trust 87Audit 93

Repository-Beschreibung (Original)

🦍 A configurable component library for web built on React.

4.7K StarsSicher testbarMIT

Installieren

npx skills add alibaba-fusion/next
#6

Webapp Testing

Qualität 100Trust 87Audit 92

Repository-Beschreibung (Original)

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

170K StarsSicher testbarSource terms (see LICENSE.txt)

Installieren

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

Material Ui

Qualität 100Trust 90Audit 92

Repository-Beschreibung (Original)

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

98K StarsSicher testbarMIT

Installieren

npx skills add mui/material-ui
#8

Daisyui

Qualität 100Trust 90Audit 92

Repository-Beschreibung (Original)

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

41K StarsSicher testbarMIT

Installieren

npx skills add saadeghi/daisyui
#9

Chakra Ui

Qualität 100Trust 88Audit 91

Repository-Beschreibung (Original)

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

40K StarsSicher testbarMIT

Installieren

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

Refine

Qualität 100Trust 90Audit 92

Repository-Beschreibung (Original)

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

35K StarsSicher testbarMIT

Installieren

npx skills add refinedev/refine