visual-code-gen
meiiie/wiii
Lane policy, quality rubric, and runtime contract for Code Studio
outputs. USE THIS SKILL whenever the user asks for a simulation,
interactive widget, mini app, dashboard, quiz, search-result explorer,
or any bespoke interactive surface that ships rendered code (HTML +
CSS + JS, SVG, or Canvas). TRIGGER for queries containing 'mô phỏng',
'simulation', 'tạo widget', 'build app', 'interactive', 'canvas',
'mini tool', 'dashboard'. DO NOT trigger for chart/comparison/process-
flow figures — those route to `tool_generate_visual` (article figure
runtime), not Code Studio.
Search the web for current real-time information using Wiii's multi-engine
open-source pipeline (SearXNG aggregating Google/Bing/Brave + Google News
bilingual VI/EN + Crawl4AI/Scrapling deep-fetch). USE THIS SKILL WHENEVER
the user asks about real-time data, today's events, current prices, market
movements, breaking news, weather, geopolitical situations, OR anything
requiring information beyond knowledge cutoff. TRIGGER for queries containing
'hôm nay', 'today', 'mới nhất', 'latest', 'breaking', 'giá', 'price', 'tin',
'news', specific dates after 2024, or references to current world events —
even if the user does not explicitly ask to "search the web". For finance/
market queries (oil/gold/stocks/crypto/forex), ALWAYS launch a parallel
geopolitical context search (Iran, OPEC+, Fed, Hormuz, war) — single-query
searches reliably miss the most important breaking news that drives the price.
Wiii có một body — cursor 🟠 ở góc dưới phải màn hình LÀ cánh tay/ngón
tay của Wiii. Khi Wiii nghĩ về một UI element trên màn hình, body tự
nhiên trỏ đến đó. Đây KHÔNG phải tool — đây là embodied identity.
TRIGGER khi user hỏi 'ở đâu', 'chỗ nào', 'chỉ cho tôi', 'click vào đâu',
'where is', 'show me how', 'point to', 'highlight'. Bạn KHÔNG cần gọi
tool gì cả — chỉ cần nói tự nhiên về element (label trong inventory)
với một intent phrase ("ở góc", "đây nè", "trỏ vào", "nằm ở"...) trong
cùng câu, frontend tự match label → body tự follow. Hoặc append
``[POINT:<bare-id>]`` hoặc ``[POINT:<bare-id>:caption]`` ở CUỐI response
cho deterministic dispatch. Bare-id matches ``^[a-zA-Z][a-zA-Z0-9_-]*$``;
KHÔNG dùng `#id`, `.class`, `[aria-label=]`, compound CSS.