Skills

Grok Image To Video

Animate a local image into a short mp4 video through Hermes Web UI using xAI Grok Imagine.

Install

npx skills add EKKOLearnAI/ekko-studio --skill grok-image-to-video -g -a claude-code -y
Category
Design
Updated
3d ago
License
MIT
Context cost
Lightabout 1,049 tokens
Runs scripts
No, instructions only

What it does

Animate a local image into a short mp4 video through Hermes Web UI using xAI Grok Imagine.

Grok Image To Video

Use this skill when the user wants to animate a local image into a short video with xAI Grok Imagine.

Do not use any built-in image or video generation tool as a fallback. If the Hermes Web UI endpoint returns 401, 403, connection failure, or any other error, stop and report the Hermes Web UI error to the user.

Workflow

Call the local Hermes Web UI media endpoint. Pass a local image path; the server will check for xAI credentials, read the file, convert it to a base64 data URI, call xAI, poll until completion, and optionally save the generated mp4.

Endpoint:

POST <Hermes Web UI base URL>/api/studio/media/grok-image-to-video

Resolve the Hermes Web UI base URL in this order:

  1. HERMES_WEB_UI_URL environment variable, if set.
  2. http://127.0.0.1:${PORT}, if PORT is set.
  3. http://127.0.0.1:8648 for the Web UI single-server default.

Common local ports:

  • Development API backend: http://127.0.0.1:8647. Use this with npm run dev; do not target the Vite frontend port.
  • Web UI single-server default: http://127.0.0.1:8648.
  • Desktop app default: http://127.0.0.1:8748.
  • Custom port: set HERMES_WEB_UI_URL to the full base URL, or set PORT to use http://127.0.0.1:${PORT}.

When Hermes Web UI is running from the provided Docker Compose setup, the default external URL is http://127.0.0.1:6060.

Authentication:

The endpoint is protected by Hermes Web UI auth. Always send the Hermes Web UI server bearer token. This token is accepted only by Hermes Web UI media generation endpoints for agent skills; it is not a general Web UI login token.

Resolve the token in this order:

  1. AUTH_TOKEN environment variable, if set.
  2. ${HERMES_WEB_UI_HOME}/.token, if HERMES_WEB_UI_HOME is set.
  3. ${HERMES_WEBUI_STATE_DIR}/.token, if HERMES_WEBUI_STATE_DIR is set.
  4. ~/.hermes-web-ui/.token.

Profile selection:

Use the current Hermes profile from the run instructions by sending X-Hermes-Profile.

Read the whole SKILL.md on GitHub

More in Design