Communitygithub.com

BuilderIO/agent-native

Edición de video no destructiva en Clips: modelo editsJson, recorte, división, corte, velocidad, desenfoque, edición basada en transcripciones y exportación con ffmpeg.wasm. Útil para construir la UI del editor, añadir nuevas operaciones de edición o conectar el pipeline de exportación.

¿Qué es agent-native?

BuilderIO/agent-native es una skill especializada para la edición de video no destructiva dentro de la plataforma Clips. Permite a los desarrolladores modelar operaciones de edición mediante un modelo de datos `editsJson`, que registra cada acción (recorte, división, corte, cambio de velocidad, desenfoque) sin modificar el video original. Además, integra edición basada en transcripciones para facilitar cortes precisos y exportación mediante `ffmpeg.wasm`, ejecutando FFmpeg directamente en el navegador. Esta skill es compatible con asistentes de IA como Claude Code y se utiliza al construir la interfaz de usuario del editor, al agregar nuevas operaciones de edición o al conectar el pipeline de exportación. Su enfoque no destructivo y su modelo de datos claro la hacen ideal para aplicaciones web y móviles que requieren edición de video flexible y eficiente.

Compatible con~Claude Code~Codex CLI~Cursor
npx skills add BuilderIO/agent-native

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

Documentación

¿Qué hace agent-native?

Edición de video no destructiva en Clips — el modelo editsJson, recorte / división / corte / velocidad / desenfoque, edición basada en transcripciones y exportación con ffmpeg.wasm. Útil para construir la UI del editor, añadir nuevas operaciones de edición o conectar el pipeline de exportación.

Descripción general

Esta habilidad proporciona un sistema de edición de video no destructiva basado en un modelo de datos (editsJson) que registra todas las operaciones de edición sin modificar el archivo de video original. Está diseñada para la plataforma Clips y admite las siguientes operaciones:

  • Recorte (trim): Define los puntos de inicio y fin de un segmento de video.
  • División (split): Divide un video en múltiples segmentos.
  • Corte (cut): Elimina un segmento específico del video.
  • Velocidad (speed): Cambia la velocidad de reproducción de un segmento.
  • Desenfoque (blur): Aplica un efecto de desenfoque a un área del video.

Modelo de datos: editsJson

El modelo editsJson es una estructura JSON que representa todas las ediciones aplicadas a un video. Cada operación se almacena como un objeto con los siguientes campos:

  • type: El tipo de operación (trim, split, cut, speed, blur).
  • startTime: Tiempo de inicio en segundos.
  • endTime: Tiempo de fin en segundos.
  • params: Parámetros adicionales según la operación (e.g., factor de velocidad, coordenadas de desenfoque).

Ejemplo:

{
  "edits": [
    {
      "type": "trim",
      "startTime": 0,
      "endTime": 10
    },
    {
      "type": "speed",
      "startTime": 0,
      "endTime": 10,
      "params": {
        "factor": 2
      }
    }
  ]
}

Edición basada en transcripciones

Permite realizar cortes precisos utilizando transcripciones de audio. El usuario puede seleccionar texto en la transcripción y la habilidad calcula automáticamente los tiempos de inicio y fin correspondientes.

Exportación con ffmpeg.wasm

La exportación se realiza mediante ffmpeg.wasm, que ejecuta FFmpeg directamente en el navegador. El proceso:

  1. Aplica las operaciones de editsJson al video original.
  2. Genera un nuevo archivo de video sin modificar el original.
  3. Ofrece opciones de configuración de salida (formato, resolución, calidad).

Uso

Esta skill se utiliza típicamente en los siguientes escenarios:

  • Construir la interfaz de usuario del editor de video.
  • Añadir nuevas operaciones de edición al modelo editsJson.
  • Conectar el pipeline de exportación para generar el video final.

Plataformas compatibles

  • Clips (plataforma principal)
  • Claude Code (asistente de IA compatible)
  • Otros asistentes de IA que soporten habilidades personalizadas

Individual skills in this repo

This repo contains 1 individual skill — each has its own dedicated page.

Skills relacionados