Pack installable

Ingénierie frontend pack d’agent

Un pack pour React, Next.js, les systèmes de design, la qualité des composants et la vérification navigateur.

Un point de départ vérifiable pour le workflow Ingénierie frontend.

10
Skills sélectionnées
4
Ordre d’installation
76K
Signal d’adoption

Ordre d’exécution

Comment un agent doit utiliser ce pack

  1. 01

    Définir

    Clarifiez le travail, les contraintes et les preuves nécessaires avant installation.

  2. 02

    Sélectionner

    Choisissez peu de skills avec des signaux clairs de qualité, confiance et maintenance.

  3. 03

    Exécuter en sécurité

    Installez seulement les fichiers nécessaires dans un espace contrôlé et vérifiez les permissions.

  4. 04

    Vérifier

    Contrôlez la sortie, rapportez le résultat et gardez une approbation humaine pour les risques importants.

Bon usage

  • Workflows Ingénierie frontend
  • Sélection avec signaux publics de qualité, confiance et audit
  • Essais dans un espace de travail contrôlé

À vérifier d’abord quand

  • La tâche requiert un accès non revu à des données sensibles ou à des identifiants de production
  • Personne ne peut vérifier le code source, les permissions ou les résultats

Plan d’installation pour agent

Un plan lisible par machine que les agents peuvent exécuter.

L’API du pack renvoie l’ordre d’installation, les URL d’audit, les contrôles et un contrat de résultat. Utilisez cette page comme contexte, puis appelez l’API pour le plan JSON exact.

Ouvrir le plan texte

Ordre d’installation

  1. 01
    Playwright

    Confiance 79/100 · Audit 87/100 · Peut être testé

  2. 02
    Agent Skills

    Confiance 77/100 · Audit 85/100 · Peut être testé

  3. 03
    David Ondrej Skills

    Confiance 79/100 · Audit 88/100 · Peut être testé

  4. 04
    Vercel React Best Practices

    Confiance 90/100 · Audit 92/100 · Peut être testé

Liste de vérification

  • Ouvrez l’URL d’audit de chaque skill sélectionnée avant installation.
  • Installez d’abord uniquement dans un bac à sable, une branche locale ou un espace de travail jetable.
  • Vérifiez la licence, l’activité récente, la complétude de README/SKILL.md et la surface de dépendances.
  • Exécutez une tâche limitée avant d’utiliser le pack en production.
  • Signalez succès, difficulté de configuration, blocage de risque ou résultat faible à l’endpoint de résultat.

Endpoint de résultat

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

Skills recommandées

Sélection installable pour ce pack

Ouvrir l’API du pack
#1

Playwright

Qualité 100Confiance 79Audit 87

Description du dépôt (original)

Reliable browser automation and testing engine for web agent tasks.

76K starsPeut être testéApache-2.0
#2

Agent Skills

Qualité 100Confiance 77Audit 85

Description du dépôt (original)

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

62K starsPeut être testéMIT
#3

David Ondrej Skills

Qualité 100Confiance 79Audit 88

Description du dépôt (original)

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

968 starsPeut être testéMIT
#5

Next

Qualité 99Confiance 86Audit 90

Description du dépôt (original)

🦍 A configurable component library for web built on React.

4.7K starsPeut être testéMIT
#6

Webapp Testing

Qualité 100Confiance 87Audit 92

Description du dépôt (original)

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

180K starsPeut être testéSource terms (see LICENSE.txt)

Installer

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

Material Ui

Qualité 100Confiance 89Audit 90

Description du dépôt (original)

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

98K starsPeut être testéMIT
#8

Daisyui

Qualité 100Confiance 89Audit 90

Description du dépôt (original)

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

41K starsPeut être testéMIT
#9

Chakra Ui

Qualité 100Confiance 87Audit 89

Description du dépôt (original)

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

40K starsPeut être testéMIT
#10

Refine

Qualité 100Confiance 89Audit 90

Description du dépôt (original)

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

35K starsPeut être testéMIT