Pack instalable

Ingeniería frontend pack de agent

Un pack para React, Next.js, sistemas de diseño, calidad de componentes y verificación en navegador.

Un punto de partida auditable para el flujo de Ingeniería frontend.

10
Skills seleccionadas
4
Orden de instalación
76K
Señal de adopción

Orden de ejecución

Cómo debe usar este pack un agent

  1. 01

    Definir

    Aclara el trabajo, las restricciones y la evidencia necesaria antes de instalar.

  2. 02

    Seleccionar

    Elige pocas skills con señales claras de calidad, confianza y mantenimiento.

  3. 03

    Ejecutar con seguridad

    Instala solo los archivos necesarios en un entorno controlado y revisa permisos primero.

  4. 04

    Verificar

    Comprueba la salida, informa el resultado y conserva aprobación humana para riesgos relevantes.

Buen encaje

  • Flujos de Ingeniería frontend
  • Selección con señales públicas de calidad, confianza y auditoría
  • Pruebas en un espacio de trabajo controlado

Revisa primero cuando

  • La tarea necesita acceso no revisado a datos sensibles o credenciales de producción
  • Nadie puede revisar código, permisos o resultados

Plan de instalación para agent

Un plan legible por máquinas que los agents pueden ejecutar.

La API del pack devuelve orden de instalación, URLs de auditoría, controles de revisión y un contrato de resultados. Usa esta página como contexto y llama a la API para obtener el plan JSON exacto.

Abrir plan de texto

Orden de instalación

  1. 01
    Playwright

    Confianza 80/100 · Auditoría 89/100 · Seguro para probar

    npx skills add microsoft/playwright
  2. 02
    Skills

    Confianza 87/100 · Auditoría 92/100 · Seguro para probar

    npx skills add davidondrej/skills
  3. 03
    Agent Skills

    Confianza 88/100 · Auditoría 92/100 · Requiere revisión

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

    Confianza 91/100 · Auditoría 94/100 · Seguro para probar

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

Lista de revisión

  • Abre la URL de auditoría de cada skill seleccionada antes de instalarla.
  • Instala primero solo en un sandbox, rama local o espacio de trabajo desechable.
  • Revisa licencia, actividad reciente, completitud de README/SKILL.md y superficie de dependencias.
  • Ejecuta una tarea acotada antes de usar el pack en producción.
  • Informa éxitos, fricción de configuración, bloqueos de riesgo o resultados de baja calidad al endpoint.

Endpoint de resultados

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

Skills recomendadas

Selección instalable para este pack

Abrir API del pack
#1

Playwright

Calidad 100Confianza 80Auditoría 89

Descripción del repositorio (original)

Reliable browser automation and testing engine for web agent tasks.

76K starsSeguro para probarApache-2.0

Instalar

npx skills add microsoft/playwright
#2

Skills

Calidad 100Confianza 87Auditoría 92

Descripción del repositorio (original)

access to david ondrej's personal agent skills

2.7K starsSeguro para probarMIT

Instalar

npx skills add davidondrej/skills
#3

Agent Skills

Calidad 100Confianza 88Auditoría 92

Descripción del repositorio (original)

Production-grade engineering skills for AI coding agents.

88K starsRequiere revisiónMIT

Instalar

npx skills add addyosmani/agent-skills
#4

Vercel React Best Practices

Calidad 100Confianza 91Auditoría 94

Descripción del repositorio (original)

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

30K starsSeguro para probarMIT

Instalar

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

Next

Calidad 100Confianza 87Auditoría 93

Descripción del repositorio (original)

🦍 A configurable component library for web built on React.

4.7K starsSeguro para probarMIT

Instalar

npx skills add alibaba-fusion/next
#6

Webapp Testing

Calidad 100Confianza 87Auditoría 92

Descripción del repositorio (original)

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

170K starsSeguro para probarSource terms (see LICENSE.txt)

Instalar

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

Material Ui

Calidad 100Confianza 90Auditoría 92

Descripción del repositorio (original)

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

98K starsSeguro para probarMIT

Instalar

npx skills add mui/material-ui
#8

Daisyui

Calidad 100Confianza 90Auditoría 92

Descripción del repositorio (original)

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

41K starsSeguro para probarMIT

Instalar

npx skills add saadeghi/daisyui
#9

Chakra Ui

Calidad 100Confianza 88Auditoría 91

Descripción del repositorio (original)

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

40K starsSeguro para probarMIT

Instalar

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

Refine

Calidad 100Confianza 90Auditoría 92

Descripción del repositorio (original)

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

35K starsSeguro para probarMIT

Instalar

npx skills add refinedev/refine