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

Описание и применение

Разработчики могут быстро преобразовать один UI‑компонент в тематический «призрачный» вариант, используя открытый Gemma 4. Система проверяет размер, генерирует стили, отображает превью и позволяет уточнять через чат.

Задача

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

Источник