skills.rest
StreamUI
StreamUIOFFICIAL
Explore all skills by this author →
WebsiteGitHub

hyperstar

Develop real-time server-driven UIs for Bun apps with shared server-side state.

9|Updated Jan 19, 2026
Search Tags:#real-time#framework#bun#web#server-driven#hyperstar
One-click install
npx skills add https://github.com/StreamUI/hyperstar --skill hyperstar
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: hyperstar
Source: https://github.com/StreamUI/hyperstar/tree/main/examples/tron-deploy/.claude/skills/hyperstar
Command: npx skills add https://github.com/StreamUI/hyperstar --skill hyperstar

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Server-driven UI patterns often require complex client-side state management and websocket infrastructure. Hyperstar provides a unified model where the server owns the application state and clients stay in sync automatically.

Core Features & Use Cases

  • Server-owned state with real-time client synchronization via SSE.
  • Actions to mutate store across all connected clients.
  • Signals for per-user UI state and dynamic head management.
  • JSX-based views powered by a simple, server-centric workflow. Use cases include real-time dashboards, collaborative apps, and multi-user games where consistent server state is essential.

Quick Start

Create a new Hyperstar project and start the server to see real-time UI synchronization across clients.

Frequently Asked Questions about hyperstar

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

FAQPage Schema
How do I build a real-time server-driven UI for Bun apps?▼

Real-time server-driven UI for Bun apps is built by owning application state on the server and synchronizing clients automatically. Hyperstar enables this using server-side state, SSE, and JSX-based views.

How does server-driven UI state synchronization work across multiple connected clients?▼

Server-driven UI state synchronization works by applying actions that mutate a shared server store, which then automatically syncs across all connected clients. Hyperstar uses SSE to push these state updates in real time.

Can I manage per-user UI state in a collaborative Bun application?▼

Yes, you can manage per-user UI state in a collaborative Bun application using signals. Hyperstar provides signals for per-session UI state alongside a per-session userStore for individual client data.

What is the best way to maintain consistent state in real-time multi-user dashboards?▼

Consistent state in real-time multi-user dashboards is maintained by having the server own the application state and persisting data. Hyperstar provides optional persistence, background tasks, and lifecycle hooks to ensure consistent server state across clients.

Do I need websockets to sync server state with clients in a Bun web framework?▼

No, you do not need websockets to sync server state with clients in a Bun web framework. Hyperstar achieves real-time client synchronization automatically using Server-Sent Events (SSE) instead of websocket infrastructure.

Are there limitations to using SSE for server-driven UI versus other real-time frameworks?▼

Using SSE for server-driven UI means communication is unidirectional from server to client, requiring actions to mutate server state rather than direct client-to-client messaging. Hyperstar relies on this server-centric workflow to sync state.

Related Skills

Explore More Software Engineering Skills→
rauell1rauell1
3

Bun

Run JavaScript and TypeScript files, manage dependencies, test, and build with Bun.

Community
Advanced
juliuss1907juliuss1907

native-mcp

Connects Model Context Protocol servers to Hermes Agent for external tools and services.

Community
Intermediate
paopp2paopp2

tailwindcss

Apply Tailwind CSS utility classes for responsive, themed UI styling.

Community
Intermediate
harrytran998harrytran998

Realtime Gaming

Manage real-time state synchronization and lag compensation for multiplayer online games.

Community
Advanced