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 80/100 · Audit 89/100 · Peut être testé

    npx skills add microsoft/playwright
  2. 02
    Skills

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

    npx skills add davidondrej/skills
  3. 03
    Agent Skills

    Confiance 88/100 · Audit 92/100 · À vérifier

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

    Confiance 91/100 · Audit 94/100 · Peut être testé

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

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 80Audit 89

Description du dépôt (original)

Reliable browser automation and testing engine for web agent tasks.

76K starsPeut être testéApache-2.0

Installer

npx skills add microsoft/playwright
#2

Skills

Qualité 100Confiance 87Audit 92

Description du dépôt (original)

access to david ondrej's personal agent skills

2.7K starsPeut être testéMIT

Installer

npx skills add davidondrej/skills
#3

Agent Skills

Qualité 100Confiance 88Audit 92

Description du dépôt (original)

Production-grade engineering skills for AI coding agents.

88K starsÀ vérifierMIT

Installer

npx skills add addyosmani/agent-skills
#4

Vercel React Best Practices

Qualité 100Confiance 91Audit 94

Description du dépôt (original)

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

30K starsPeut être testéMIT

Installer

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

Next

Qualité 100Confiance 87Audit 93

Description du dépôt (original)

🦍 A configurable component library for web built on React.

4.7K starsPeut être testéMIT

Installer

npx skills add alibaba-fusion/next
#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.

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

Installer

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

Material Ui

Qualité 100Confiance 90Audit 92

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

Installer

npx skills add mui/material-ui
#8

Daisyui

Qualité 100Confiance 90Audit 92

Description du dépôt (original)

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

41K starsPeut être testéMIT

Installer

npx skills add saadeghi/daisyui
#9

Chakra Ui

Qualité 100Confiance 88Audit 91

Description du dépôt (original)

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

40K starsPeut être testéMIT

Installer

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

Refine

Qualité 100Confiance 90Audit 92

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

Installer

npx skills add refinedev/refine