Possessed: paste any UI component, a ghost designer haunts it (open-weight Gemma 4)

说明与用途

开发者可以使用开放的 Gemma 4 快速将单个 UI 组件转换为主题化的“鬼魂”版本。系统验证尺寸、生成样式、显示预览，并通过聊天进行细化。

问题

Developers need a quick way to transform a single UI component into a spooky-themed variant without rewriting code or incurring high costs.

结果

Achieves consistent spooky theming of single components with 92% validation success, average 40 s latency, and cost-effective token usage (~1,100 in, 600–800 out).

工作流

• Paste component code into web interface
• Size gate validates component (≤200 lines, ≤8,000 chars)
• Gemma 4 generates themed code via prompt
• Streaming parser streams output
• Validation retries once if needed
• Sandboxed preview renders before/after in iframe
• User can chat with Vesper to refine style
• Optional contrast fix button if WCAG AA fails

证据

Paste code -> size gate -> Gemma 4 -> streaming parser -> validation (retry once) -> sandboxed preview

来源

One component only, at most 200 lines and 8,000 characters. Whole pages and non-UI input are refused in character before any model call, so they cost no tokens.

来源

Gemma 4 (open weights) is the engine for every possession

来源

23 of 25 (92%) passed validation without a retry

来源

Average latency per possession 21.8 s (full eval); 16 to 56 s, average 40 s

来源