One-click install
npx skills add https://github.com/agent0ai/space-agent --skill frontend-runtime-agent0ai
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: Frontend Runtime
Source: https://github.com/agent0ai/space-agent/tree/main/app/L0/_all/mod/_core/skillset/ext/skills/development/frontend-runtime
Command: npx skills add https://github.com/agent0ai/space-agent --skill frontend-runtime-agent0ai

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps you safely change how the Space Agent frontend boots, behaves at runtime, and composes shared framework UI so features stay consistent and reusable across the app.

Core Features & Use Cases

  • Browser runtime behavior changes: Update rules for framework-backed pages, shared runtime namespaces, and reusable frontend composition patterns under app/.
  • Framework bootstrap and head lifecycle control: Coordinate initialization order via initFw.js and decide when to use declarative head tags versus imperative initializer hooks.
  • Store orchestration and shared utilities: Define how runtime stores mount/unmount, manage async work, and leverage shared helpers like markdown render/parse, YAML parse/stringify, proxy/fetch behaviors, and attachment-style download URLs.

Quick Start

Use the Frontend Runtime skill to update the browser runtime behavior for framework-backed pages and shared UI/store composition under app/, then run a quick sanity check that the correct boot/initializer hooks are used and shared helpers still resolve from globalThis.space.

Frequently Asked Questions about Frontend Runtime

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I manage framework bootstrap order and head lifecycle for browser embedding?

You manage framework bootstrap order by coordinating initialization through initFw.js, deciding between declarative head tags and imperative initializer hooks to control the head lifecycle for browser embedding.

How do I orchestrate shared runtime stores and async work under globalThis.space?

You orchestrate shared runtime stores using space.fw.createStore patterns to define mount/unmount behavior, manage async work, and resolve shared helpers from globalThis.space namespaces.

What is the correct fetch proxy fallback behavior for framework-backed pages?

Correct fetch proxy fallback behavior follows shared composition rules that ensure framework-backed pages resolve fetch and proxy behaviors consistently through globalThis.space shared helpers.

Can I use markdown rendering and YAML parse helpers within frontend runtime composition?

Yes, markdown render/parse and YAML parse/stringify are shared utilities accessed via globalThis.space, available for frontend runtime composition under app/ for framework-backed UI pages.

When should I use declarative head tags versus imperative initializer hooks in frontend runtime?

Use declarative head tags for static framework bootstrap requirements and imperative initializer hooks when runtime conditions or store orchestration demand dynamic initialization order control via initFw.js.

Why does my shared helper resolution fail after refactoring browser runtime behavior?

Shared helper resolution fails when bootstrap order is disrupted or globalThis.space namespaces are not properly mounted, requiring verification that initFw.js hooks and space.fw.createStore patterns remain intact.