raykit-solid-lumino-bridge

Bridge Solid UI with Lumino widgets in the Raykit browser runtime.

2|Updated Jun 20, 2025
One-click install
npx skills add https://github.com/raykit-apps/raykit --skill raykit-solid-lumino-bridge
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: raykit-solid-lumino-bridge
Source: https://github.com/raykit-apps/raykit/tree/main/.codex/skills/raykit-solid-lumino-bridge
Command: npx skills add https://github.com/raykit-apps/raykit --skill raykit-solid-lumino-bridge

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Bridge Solid UI with Lumino widgets in Raykit browser runtime to enable coherent cross-framework widget creation and delivery without reinventing the bridge.

Core Features & Use Cases

  • Reuse Raykit primitives like BaseWidget, SolidWidget, SolidRenderer, WidgetFactory, WidgetService, and ApplicationBrowserContribution to connect Solid views to Lumino containers.
  • Service-driven integration using inversify-backed state and browser modules to coordinate widget lifecycle and layout across the app.
  • Attach and render patterns via ApplicationBrowserContribution and WidgetService to automatically load, show, and attach widgets to the app shell.

Quick Start

Follow the steps to wire a Solid widget to a Lumino host and verify the integration.

Frequently Asked Questions about raykit-solid-lumino-bridge

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

FAQPage Schema
How do I bridge Solid UI components with Lumino widgets in a browser runtime?

To bridge Solid UI with Lumino widgets, you use SolidWidget and SolidRenderer patterns to connect Solid views to Lumino containers. This enables coherent cross-framework widget creation and delivery without reinventing the bridge logic.

What is the SolidRenderer pattern for cross-framework widget integration?

The SolidRenderer pattern connects Solid views to external Lumino container state in the browser. It works with inversify-backed services to coordinate widget lifecycle, layout, and service-driven communication across application packages.

Can I use inversify services to manage widget lifecycle across Solid and Lumino?

Yes, you can use inversify-backed services to manage widget lifecycle and layout across Solid views and Lumino containers. Service-driven integration coordinates state and browser modules to handle widget creation and delivery coherently.

How do I attach and render Solid widgets to the application shell?

You attach and render Solid widgets using ApplicationBrowserContribution and WidgetService to automatically load, show, and attach widgets to the app shell. This pattern ensures correct binding and layout within the browser contribution lifecycle.

What's the best way to coordinate state between Solid views and external container state?

The best way to coordinate state is through service-driven integration using inversify-backed state and browser modules. This approach manages widget lifecycle and layout while maintaining coherent communication between Solid views and Lumino containers.

Do I need to reinvent the bridge logic when refactoring browser-side widgets for Solid and Lumino?

No, you do not need to reinvent bridge logic. You can reuse Raykit primitives like BaseWidget, SolidWidget, SolidRenderer, WidgetFactory, and WidgetService to connect Solid views to Lumino containers with correct binding and test guidance.