Add LiveKit OpenUI shared screen article

[JacKane21]

Summary

• adds a written-content submission for issue Written Content: OpenUI for Voice Agents: Pairing LiveKit with Generative UI for Real-Time Visual Feedback #6
• frames LiveKit as the realtime voice loop and OpenUI as the shared visual state surface for options, tool progress, forms, interruptions, and confirmations
• keeps the article developer-facing with concrete architecture rules, action-safety boundaries, and OpenUI Lang-style examples

Validation

• git diff --check
• npx --yes markdownlint-cli --disable MD013 -- "Articles/Voice Agents Need a Shared Screen.md"
• checked for the generic filler phrases called out in the creator-program README

Disclosure

Drafting and editing were AI-assisted. I checked the article against current OpenUI and LiveKit documentation and am responsible for the final technical accuracy.

Related: #6

[vishxrad]

Could you link the code behind the example, and add a few screenshots of the demo running? Both would significantly strengthen the article.

[JacKane21]

Thanks, added both:

• linked companion code under examples/livekit-openui-shared-screen-demo/
• added two screenshots captured from the static demo: ready state and interruption/updating state

I also re-ran validation:

• git diff --check
• npx --yes markdownlint-cli --disable MD013 -- "Articles/Voice Agents Need a Shared Screen.md" "examples/livekit-openui-shared-screen-demo/README.md"
• npx --yes -p typescript tsc --noEmit --target ES2020 --module ES2020 examples/livekit-openui-shared-screen-demo/shared-screen-demo.ts