Run a local development server for Helios compositions with hot-reload and asset management.
npx skills add https://github.com/BintzGavin/helios --skill helios-studio
Please help me install this Agent Skill. Skill: helios-studio Source: https://github.com/BintzGavin/helios/tree/main/.agents/skills/helios/studio Command: npx skills add https://github.com/BintzGavin/helios --skill helios-studio
Helios Studio provides a local development and preview environment for building and testing Helios compositions, enabling hot-reload, asset management, and a unified editor workflow.
Run the studio from your project root:
npx helios studio
This starts a local server (typically at http://localhost:5173) where you can view and debug your composition.
High-intent search queries and answers about installing and using this skill.
To preview Helios compositions with hot-reload, launch the integrated development server using the npx helios studio command. This starts a local Vite-based server at http://localhost:5173, providing an interactive timeline with hot reloading and audio controls for live editing.
An MCP server in composition development allows AI agents to inspect composition schemas, update input props via a props editor, and trigger renders. It enables automated management and interaction with your Helios compositions during the local development process.
Yes, you need Node.js and npm installed because the Helios development server relies on a Node.js environment and a Vite-based workflow. You execute the studio locally using the npx helios studio command from your project root.
You manage assets and export renders for client delivery using the integrated assets panel. Place media files in the assets/ directory, trigger renders directly through the editor, and export the final outputs for client delivery from the local development server.
Yes, you can automate Helios composition tasks using an optional scripts/ directory for automation. Combined with the MCP server, this allows you to automate prop updates, render triggering, and asset management within your local Vite-based workflow.
cslsoftwaresAutomate Vite build tooling setup and validation for VueJS/NodeJS projects.
tsaijameyAutomate video production from research to final FFmpeg merge.
JeffallanDevelop MCP servers and clients connecting AI systems with external tools.
TencentCloudBaseOrchestrate Vite web app development, preview, and deployment to CloudApp environments.
