Star200+

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
9.7K
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
    gsap skills

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

    npx skills add greensock/gsap-skills
  2. 02
    three scope map skill

    Confianza 75/100 · Auditoría 82/100 · Seguro para probar

    npx skills add songsummer920-dazzle/three-scope-map-skill
  3. 03
    lottie

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

    npx skills add diffusionstudio/lottie
  4. 04
    shadcnblocks skill

    Confianza 71/100 · Auditoría 77/100 · Requiere revisión

    npx skills add masonjames/shadcnblocks-skill

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

gsap skills

Calidad 100Confianza 85Auditoría 91

Descripción del repositorio (original)

Official AI skills for GSAP. These skills teach AI coding agents how to correctly use GSAP (GreenSock Animation Platform), including best practices, common animation patterns, and plugin usage.

9.7K starsSeguro para probarMIT

Instalar

npx skills add greensock/gsap-skills
Página del skillInforme de auditoría
#3

lottie

Calidad 100Confianza 83Auditoría 90

Descripción del repositorio (original)

Generate production-ready Lottie animations with Claude Code or Codex

3.6K starsSeguro para probarMIT

Instalar

npx skills add diffusionstudio/lottie
Página del skillInforme de auditoría
#4

shadcnblocks skill

Calidad 65Confianza 71Auditoría 77

Descripción del repositorio (original)

Give Claude Code expert knowledge of 2,500+ shadcn/ui blocks and components. This skill lets Claude intelligently select, install, and compose pre-built UI sections — from landing pages to dashboards to ecommerce flows — so you describe what you want and it picks the right pieces.

17 starsRequiere revisiónMIT

Instalar

npx skills add masonjames/shadcnblocks-skill
Página del skillInforme de auditoría
#5

web to design md

Calidad 72Confianza 71Auditoría 78

Descripción del repositorio (original)

Convert any official website to design.md document

236 starsRequiere revisiónLicencia desconocida

Instalar

npx skills add Paidax01/web-to-design-md
Página del skillInforme de auditoría
#6

Onlook

Calidad 100Confianza 90Auditoría 92

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

npx skills add onlook-dev/onlook
Página del skillInforme de auditoría
#7

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.

25K starsSeguro para probarSource terms (see source)

Instalar

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

Lucide

Calidad 100Confianza 87Auditoría 90

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

npx skills add lucide-icons/lucide
Página del skillInforme de auditoría
#9

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

npx skills@latest add emilkowalski/skills
Página del skillInforme de auditoría
#10

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
Página del skillInforme de auditoría