OpenAgentSkill
GitHub200+

Pack instalable

Agent de diseño pack de agent

Un pack para motion, sistemas de diseño, componentes UI y producción visual.

Un punto de partida auditable para el flujo de Agent de diseño.

10
Skills seleccionadas
4
Orden de instalación
28K
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 Agent de diseño
  • 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
    Figma Implement Design

    Confianza 86/100 · Auditoría 90/100 · Seguro para probar

    npx skills add openai/skills --skill figma-implement-design
  2. 02
    Onlook

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

  3. 03
    Lucide

    Confianza 85/100 · Auditoría 88/100 · Seguro para probar

  4. 04
    Animation Vocabulary

    Confianza 90/100 · Auditoría 93/100 · Seguro para probar

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

Figma Implement Design

Calidad 100Confianza 86Auditoría 90

Descripción del repositorio (original)

Translate Figma designs into production-ready UI code with close visual fidelity and component-level detail.

28K starsSeguro para probarSource terms (see source)

Instalar

npx skills add openai/skills --skill figma-implement-design
Página del skillInforme de auditoría
#2

Onlook

Calidad 100Confianza 89Auditoría 90

Descripción del repositorio (original)

The Cursor for Designers • An Open-Source AI-First Design tool • Visually build, style, and edit your React App with AI

26K starsSeguro para probarApache-2.0

Instalar

Página del skillInforme de auditoría
#3

Lucide

Calidad 100Confianza 85Auditoría 88

Descripción del repositorio (original)

Beautiful & consistent icon toolkit made by the community. Open-source project and a fork of Feather Icons.

23K starsSeguro para probarLicencia desconocida

Instalar

Página del skillInforme de auditoría
#4

Animation Vocabulary

Calidad 100Confianza 90Auditoría 93

Descripción del repositorio (original)

Reverse-lookup glossary that turns a vague description of a web animation or motion effect into its exact term ("the bouncy thing when a popover opens" → Pop in; "the iOS rubber-band scroll" → Rubber-banding). Use when the user asks "what's it called when…", or describes a motion effect without knowing its name and wants the right word to prompt an AI or designer with. For naming an effect, not designing or building one.

17K starsSeguro para probarMIT

Instalar

Página del skillInforme de auditoría
#5

Material Ui

Calidad 100Confianza 89Auditoría 90

Descripción del repositorio (original)

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

98K starsSeguro para probarMIT

Instalar

Página del skillInforme de auditoría
#6

Daisyui

Calidad 100Confianza 89Auditoría 90

Descripción del repositorio (original)

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

41K starsSeguro para probarMIT

Instalar

Página del skillInforme de auditoría
#7

Chakra Ui

Calidad 100Confianza 87Auditoría 89

Descripción del repositorio (original)

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

40K starsSeguro para probarMIT

Instalar

Página del skillInforme de auditoría
#8

Core

Calidad 100Confianza 85Auditoría 88

Descripción del repositorio (original)

A toolchain for building scalable, enterprise-ready component systems on top of TypeScript and Web Component standards. Stencil components can be distributed natively to React, Angular, Vue, (+ more) and traditional web applications from a single, framework-agnostic codebase.

13K starsSeguro para probarLicencia desconocida

Instalar

Página del skillInforme de auditoría
#10

Base Ui

Calidad 99Confianza 87Auditoría 90

Descripción del repositorio (original)

Unstyled UI components for building accessible web apps and design systems. From the creators of Radix, Floating UI, and Material UI.

10.0K starsSeguro para probarMIT

Instalar

Página del skillInforme de auditoría