helios-studio
CommunityLaunch and preview Helios compositions live.
Software Engineering#MCP#hot-reload#studio#development-server#Helios#composition-preview#assets-management
AuthorBintzGavin
Version1.0.0
Installs0
System Documentation
What problem does it solve?
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.
Core Features & Use Cases
- Playback & Preview: Interactive timeline with hot reloading, audio controls, and safe-area guides.
- MCP Server & Props Editor: Inspect composition schemas, update input props, trigger renders for AI agents, and manage groupings.
- Assets & Render Management: Manage assets in the assets/ panel, trigger renders, and export outputs for client delivery.
Quick Start
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.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: helios-studio Download link: https://github.com/BintzGavin/helios/archive/main.zip#helios-studio Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.