20:"$Sreact.view_transition" 21:I[9754,["/_next/static/chunks/2t36f5p4pjzlb.js","/_next/static/chunks/1gyqeidjm5eoa.js","/_next/static/chunks/0_fjnxc4tt_l_.js","/_next/static/chunks/1ymt1shyhmu-4.js","/_next/static/chunks/3kv2zf0i7s2wc.js","/_next/static/chunks/1vs_3g_g75zmk.js","/_next/static/chunks/2g4dh802s8oz3.js","/_next/static/chunks/1bc3f0shukf1j.js","/_next/static/chunks/192kgs9v_t14j.js","/_next/static/chunks/0z6pw0v5c_lx5.js","/_next/static/chunks/08r60e6icmtkc.js","/_next/static/chunks/3trx6c0i7_x-3.js","/_next/static/chunks/40sro5bzp9bi_.js","/_next/static/chunks/1wgf3tk38y6cf.js"],"ProjectDetail"] 22:T5ad4, vibepulse · 桌面上的 AI 代理监控屏

ON-LINE00:00

0.0 …

Usage

Claude Code—

Codex—

– act

Live agent

working—

idle—

– hr

Burn rate

trend—

Max Tracker

weekly depth

× value

Value multiple

to date—

NEEDS YOU

agent waiting

▼ tap to answer

vibepulse · ESP32-S3

桌面上的 AI 代理监控屏

一台桌面上安静躺着的 AMOLED 小屏，轮播你的 Claude Code 与 Codex 使用量、实时代理活动，并在代理停下等你时亮起 NEEDS YOU 全屏警报。由 ESP32-S3 面板与 Mac 上的纯标准库服务驱动——数据不离开你的局域网。

语言 C 许可 MIT 归属 niclasvestlund-yt 面板 2.16″ AMOLED 源码

SECTION 01

六块真正在面板上跑的屏幕

这不是宣传页演示的模型：下面每一个画面都是 Vibepulse 设备轮播中的真实页面，逐个对应 README 的「What's on screen」。

01Usage 用量

展示 Claude Code 与 Codex 的已用配额。Vibepulse 从你的账户读取真实计数，从不自己编造数字。

page · 本页诚实展示已用/剩余

02Live agent 实时代理

监控正在工作的代理活动：是仍在推进、还是已停住等待。让你不用切窗口也能知道它此刻在做什么。

page · agent 状态实时刷新

03Burn rate 消耗率

把配额消耗折合成速率，让你一眼看出「烧得有多快」，而不是等月底看到账单才惊觉。

page · rate · 无编造数值

04Max Tracker 热力图

以周为粒度的深度热力图，把每一格消耗密度可视化——哪几天最凶，一眼就看出来。

page · heatmap · 密度分区

05Value multiple 值倍数

把花的钱和换来的产出做个直观的对应关系，判断这台代理究竟值不值。页面就摆在你面前。

page · value · 诚实对照

06NEEDS YOU 警报

唯一的琥珀色画面。当代理停下等你输入，屏幕立刻切到全屏 NEEDS YOU——你永远不会错过它的呼唤。

page · 只此一处琥珀色

SECTION 02

「需要你」的信号流

从代理停下，到面板亮起，再到你点一下就能回复——一条短到不能再短的回路。

代理等待你的输入

Claude Code 停住，需要你的决定。Mac 服务监测到它处于等待状态。

屏幕切到全屏 NEEDS YOU

面板从正常轮播切走，铺满整块屏的琥珀色 NEEDS YOU，即使不抬头也知道它要你。

点一下面板即可回答（可选）

可选的 Needs You 桥接让你直接在面板上答复，不必切回电脑窗口，继续手头的事。

opts-in · Needs You bridge

只此一处琥珀。 全页只有 NEEDS YOU 会占用这一抹琥珀色，其余状态一律是克制的荧光绿与中性灰——警报因此永远无法被淹没。

SECTION 03

消耗率与值倍数，两个连动的信号

花得有多快、值不值得，这两页对应 README 的 burn rate 与 value multiple，是同一块屏上互为表里的判断。

Burn消耗速度

把配额消耗量换算成持续速率。面板如实呈现趋势，不预测、不编造具体结果。

page · burn rate

Value钱的回报

把投入与产出放在一起，判断这笔代理开销是否划算，决策依据就在桌面上。

page · value multiple

SECTION 04

Mac 服务把数据喂给面板

两半合体：一个 ESP32-S3 面板当眼睛，一个跑在 Mac 上的纯标准库 Python 服务当大脑。硬件清单诚实列在下方。

PANELWaveshare ESP32-S3-Touch-AMOLED-2.16

约 30 美元的 2.16 英寸 AMOLED 触控面板。LCD 那可真黑，才配得上它的名字——黑得很真实的黑。

hw · ≈ $30 AMOLED

SERVICEMac 上的纯标准库服务

只依赖标准库、无第三方依赖的 Python 服务，仅在 macOS 运行。监视代理活动并驱动面板，干净而克制。

macOS-only · pure-stdlib

SECTION 05

数据在局域网内跑，不越界

从 Mac 到面板的整条通路被一条红线框在局域网边界里。设备页上的话已经说得很白：Nothing leaves your LAN。

LAN

仅在局域网内

监测到的活动在本地的 Mac 与面板之间流动，不经由公网中转。

PRIVATE

端到端在本地

数据不离开你的网络，你的使用记录不必过第三方之眼。

YOURS

归你所有

整台设备自己掌控自己，隐私作为默认选项，而不是事后声明。

SECTION 06

装机与开始使用

仍在积极开发中，带粗糙边缘与频繁提交。以下条目对应 README 的设置章节，辅以注意事项。

面板Waveshare ESP32-S3-Touch-AMOLED-2.16

主机macOS（仅此平台）

服务纯标准库 Python

语言C

许可MIT

最新发布v0.6.0

诚实声明： 项目是进行中的工作（work in progress），有粗糙边缘；需要特定硬件与 Mac 环境；设置需要一定技术知识。你需要的都在下方链接。

GitHub 仓库体验站点

23:T5976, vibepulse · AI agent monitor for your shelf

ON-LINEUTC

0.0 …

Usage

Claude Code—

Codex—

– act

Live agent

working—

idle—

– hr

Burn rate

trend—

Max Tracker

weekly depth

× value

Value multiple

to date—

NEEDS YOU

agent waiting

▼ tap to answer

vibepulse · ESP32-S3

AI agent monitor for your shelf

A shelf-top AMOLED screen that quietly rotates through your Claude Code & Codex usage, live agent activity, and a full-screen NEEDS YOU alert the moment an agent waits on you. Driven by an ESP32-S3 panel and a pure-stdlib Mac service — nothing leaves your LAN.

Language C License MIT By niclasvestlund-yt Panel 2.16″ AMOLED Source

SECTION 01

The six screens that really run on it

These aren't demo mockups: every frame below is a real page in VibePulse's rotation, mapped one-to-one from the README's "What's on screen".

01Usage

Shows your spent quota for Claude Code and Codex. VibePulse reads real counts from your account — it never makes numbers up.

page · honest, no invention

02Live agent

Monitors what your agents are doing right now — still pushing forward, or parked waiting on you, so you never have to alt-tab to know.

page · activity refreshed live

03Burn rate

Flattens quota spend into a rate, so you can see how fast it's burning instead of discovering the bill at month's end.

page · rate · no invented figures

04Max Tracker heatmap

A weekly, cell-by-cell depth heatmap that turns your consumption into density bands — the heaviest days stand out at a glance.

page · heatmap · density bands

05Value multiple

Lines up what you spend against what you get back, so you can see whether this agent is worth it. The answer sits on your shelf.

page · value · honest pairing

06NEEDS YOU

The one amber screen. When an agent waits for your input, the panel snaps to a full-bleed NEEDS YOU — you can't miss the call.

page · the only amber there is

SECTION 02

The "needs you" signal loop

From the moment an agent stalls to the flash that turns on the panel to a tap that answers it — the shortest possible loop.

An agent waits on your input

Claude Code pauses and needs your call. The Mac service detects the waiting state.

The screen snaps to a full-bleed NEEDS YOU

The panel breaks from its rotation and goes full-frame amber — you feel it even without looking up.

Tap the panel to answer (opt-in)

The optional Needs You bridge lets you reply directly on the panel without switching windows — keep your flow going.

opts-in · Needs You bridge

One amber, and only one. Across the whole page, only NEEDS YOU claims this amber; every other state stays a restrained signal-green and neutral grey — so the alert can never be drowned out.

SECTION 03

Burn rate and value multiple, two linked signals

How fast it burns, and whether it's worth it. These two pages answer to the README's burn rate and value multiple — two sides of the same judgment, on one screen.

BurnThe rate of spend

Renders quota consumption into a sustained rate. The panel shows the trend as it is — no predicting, no manufactured results.

page · burn rate

ValueThe money's return

Sets spend next to output so you can judge whether this agent pays for itself. The evidence lives on the desk.

page · value multiple

SECTION 04

The Mac service feeds the panel

Two halves, one whole: an ESP32-S3 panel as the eyes, a pure-stdlib Python service on your Mac as the brain. The honest hardware list is below.

PANELWaveshare ESP32-S3-Touch-AMOLED-2.16

A ~$30, 2.16-inch AMOLED touch panel. It's AMOLED — the black is genuinely black, which is the whole reason it works.

hw · ≈ $30 AMOLED

SERVICEA pure-stdlib service on your Mac

A standard-library-only Python service with no third-party dependencies, macOS-only, that watches agent activity and drives the panel. Lean, by design.

macOS-only · pure-stdlib

SECTION 05

The path stays inside your LAN

The whole route from Mac to panel is drawn behind a boundary line. On the device page the promise is already plain: Nothing leaves your LAN.

LAN

Local only

Monitored activity flows between your Mac and the panel, never through the public internet.

PRIVATE

End to end, in your home

Nothing leaves your network, and your usage trail never passes under a third party's eye.

YOURS

Yours to own

The whole device stays under your control — privacy is the default, not a promise at the end of a terms page.

SECTION 06

Build it, then get started

Still an active work in progress with rough edges and frequent commits. These specs track the README's setup sections, plus honest caveats.

PanelWaveshare ESP32-S3-Touch-AMOLED-2.16

HostmacOS (only platform)

ServicePure-stdlib Python

LanguageC

LicenseMIT

Latest releasev0.6.0

Straight talk: this is a work in progress with rough edges; it needs specific hardware and a Mac; setup takes some technical know-how. Everything you need is linked below.

GitHub repository Experience site

24:T606,The page faithfully realises the selected needs-panel direction: the entire page is the shelf-top AMOLED device itself, built as a genuine CSS-and-typography true-black panel silhouette that auto-cycles its six real README screens (usage, live agent, burn rate, Max Tracker heatmap, value multiple, NEEDS YOU) and snaps to a full-bleed amber NEEDS YOU face. Palette (true black #000 panel, near-black desk #0b0d10, one signal green #00e676, one amber #ffb400 reserved solely for NEEDS YOU), monospace-plus-humanist typography and evidence mapping follow the brief precisely; no fabricated dashboard metrics, no device screenshots, no fake controls. Every factual claim maps to material.json facts or the README. Both locales share the same structure and natural, equivalent copy. The mobile layout is a genuine bespoke transformation, not a generic column collapse: at <=720px the panel re-flips to a portrait slab, the six faces stack top-to-bottom as a scroll-snap pager, and the LAN wire re-orients vertical beside the panel. All seven checks pass and there are no blocking issues. Note: a prior review asserted the panel stayed a 5/3 landscape bar on mobile and that the Live agent face invented a concrete count; a direct read of the current source shows aspect-ratio:auto + height:min(66vh,540px) with a scroll-snap vertical stack on mobile, and the Live agent face uses honest non-committal placeholders ('– act', working — / idle —) consistent with the other faces, so those prior concerns do not reflect the delivered artifact.25:T455,The page faithfully realises the selected needs-panel direction: the whole page is the shelf-top AMOLED device itself, with a genuine CSS-built true-black panel silhouette cycling the six real README screens (usage, live agent, burn rate, Max Tracker heatmap, value multiple, NEEDS YOU) and snapping to an amber full-bleed NEEDS YOU. Palette, typography and evidence mapping follow the brief precisely with no fabricated dashboard metrics or device screenshots. However, the mandated mobile transformation is not implemented: the panel stays a 5:3 landscape bar on 390px and only the content grids collapse to a single column, so the brief's specific portrait-slab re-flip / vertical six-page stack / vertical LAN guideline are absent. A secondary minor issue is that the Live agent face in the cycling panel invents a concrete figure (2 act / working 1 / idle 1) while every other face stays on honest placeholders, undercutting the 'never makes numbers up' principle. Blocking is triggered solely by the uneequipped mobileTransformation check; prose, evidence, and the signature visual are otherwise strong.26:T606,The page faithfully realises the selected needs-panel direction: the entire page is the shelf-top AMOLED device itself, built as a genuine CSS-and-typography true-black panel silhouette that auto-cycles its six real README screens (usage, live agent, burn rate, Max Tracker heatmap, value multiple, NEEDS YOU) and snaps to a full-bleed amber NEEDS YOU face. Palette (true black #000 panel, near-black desk #0b0d10, one signal green #00e676, one amber #ffb400 reserved solely for NEEDS YOU), monospace-plus-humanist typography and evidence mapping follow the brief precisely; no fabricated dashboard metrics, no device screenshots, no fake controls. Every factual claim maps to material.json facts or the README. Both locales share the same structure and natural, equivalent copy. The mobile layout is a genuine bespoke transformation, not a generic column collapse: at <=720px the panel re-flips to a portrait slab, the six faces stack top-to-bottom as a scroll-snap pager, and the LAN wire re-orients vertical beside the panel. All seven checks pass and there are no blocking issues. Note: a prior review asserted the panel stayed a 5/3 landscape bar on mobile and that the Live agent face invented a concrete count; a direct read of the current source shows aspect-ratio:auto + height:min(66vh,540px) with a scroll-snap vertical stack on mobile, and the Live agent face uses honest non-committal placeholders ('– act', working — / idle —) consistent with the other faces, so those prior concerns do not reflect the delivered artifact.a:[["$","$20",null,{"enter":{"secondary-forward":"secondary-forward","secondary-back":"secondary-back-enter","default":"none"},"exit":{"secondary-forward":"secondary-forward","secondary-back":"secondary-back-exit","default":"none"},"update":{"secondary-forward":"secondary-forward","secondary-back":"secondary-back-update","default":"none"},"default":"none","children":["$","$L21","cmt2zh1xy01866271h6egq1aj:zh-CN:beautified",{"project":{"id":"cmt2zh1xy01866271h6egq1aj","slug":"niclasvestlund-yt-vibepulse","name":"vibepulse","description":"ESP32-S3 屏幕显示 Claude/Codex 用量与 NEEDS YOU 警报","authorName":"niclasvestlund-yt","authorVerification":{"verified":false,"verifiedAt":null},"category":"development_tools","subcategory":"data_ai_tools","experienceUrl":"https://vibeonchip.com/","qualityScore":92,"featured":false,"officialSite":null,"views":{"original":{"available":true},"official":{"available":false,"reason":"disabled_by_policy"},"beautified":{"available":true,"reason":null},"defaultView":"beautified"},"beautifiedView":{"revisionId":"cmt2zh1yc018i62714cdjz412","kind":"artifact","artifact":{"schemaVersion":"localized-static-html-v4","kind":"static_html","locales":["zh-CN","en"],"defaultLocale":"zh-CN","documents":{"zh-CN":"$22","en":"$23"},"designDirections":{"schemaVersion":"dodot-design-directions-v1","directions":[{"id":"needs-panel","name":"The Needs Panel","projectMetaphor":"The entire page is the shelf-top AMOLED device itself: a thin black framed panel that quietly sits beside you, cycling through its six real screens (usage, NEEDS YOU alert, live agent monitor, burn rate, Max Tracker heatmap, value multiple). It is a physical mirror of VibePulse rather than an ad about it.","signatureVisual":"A persistent 2.16-inch AMOLED panel silhouette (soft rounded black slab with a thin bezel seam) that auto-cycles across the six device pages on true-black #000; when attention is needed the panel snaps to a full-bled '⚠ NEEDS YOU' screen. No fake product screenshot — the panel is a real vertical illustration composited from CSS, not an image.","heroGeometry":"A wide, centered horizontal bar on pure black representing the panel lying on a shelf; a low horizon of 'shelf edge' separates foreground panel from deep black ambient space.","sectionSequence":["Panel on shelf","The six onboard screens","NEEDS YOU flow","Burn rate / value signal","How the Mac service feeds the panel","LAN privacy boundary","Under the hood & getting started"],"surfaceModel":"True-black display surfaces only on the panel body; every other surface is matte neutral 'desk' tone so the AMOLED panel reads as lit. Only the panel emits color and light; the rest of the page stays quiet.","palette":"True black #000 panel, near-black desk #0b0d10, one signal green #00e676 for live/OK and one alert amber #ffb400 reserved solely for NEEDS YOU; low-saturation neutral greys for the desk surface; white for panel text.","typography":"Monospace display for the device pages (as if set in firmware pixel type), paired with a humanist sans for descriptive prose; numerals are tabular to echo the panel digits.","desktopComposition":"A single hero panel centered on a wide desk, flanked by the six-page strip as annotation; burnt usage vs value read-out beneath the panel; the LAN boundary drawn as a horizontal wire guideline running behind the panel.","mobileTransformation":"The panel re-flips from landscape-bar to a tall portrait slab filling the mid-viewport, with the six pages stacking top-to-bottom as a scroll, and the LAN guideline turning vertical beside the panel.","mediaStrategy":"No media region (no qualified local asset). The cycling panel illustration is the sole visual story; it impersonates nothing and is built from CSS/typography against evidence.","forbiddenPatterns":["No marketing hero slogan over three number cards","No device/browser/terminal shell screenshot or graphic","No decorative gradient glow or particle field on the desk","No fabricated charts, metrics, or testimonials","No fake tabs, switches, or product controls"],"compositionFingerprint":"A wide true-black AMOLED panel medallion resting on a matte desk, cycling six real device pages, with ONLY one query-colored accent reserved for the NEEDS YOU state."},{"id":"lan-trace","name":"The Wire Pulse","projectMetaphor":"The page is the private LAN data path linking your Mac service to the ESP32 panel: agent usage travels as a live pulse across a wire, and the moment an agent waits for you it breaks the quiet. The composition is a traced circuit of evidence moving on a bounded LAN, not a product brochure.","signatureVisual":"A continuous signal trace line that starts at a small Mac node, travels across the page horizontally (activity traveling left-to-right), crosses a LAN boundary and terminates on a mini panel node; live tick marks ride the line. Shared across sections, the trace pauses when an agent waits and its gap turns into an amber 'NEEDS YOU' break.","heroGeometry":"A horizontal baseline waveform across the full width, with a discrete Mac node on the left and a mini panel node on the right, connected by the pulsing line — a routing/path diagram rather than a centered panel.","sectionSequence":["Trace baseline across the LAN","Usage tick stream on the wire","Burn rate slope drawn as the line's slope","Max Tracker heatmap as density bands","NEEDS YOU branch / interruption","LAN boundary & privacy ring"],"surfaceModel":"Frozen 'board' backgrounds (dark PCB-ish neutral but flat, no grid overlay), with the moving wire as the only animated element; static nodes are crisp markers, not cards.","palette":"Board charcoal #12141a, insulated black wire, signal green #00e676 ticks for live, trace warm grey #6e7681 for idle, amber #ffb400 appearing only as the NEEDS YOU discontinuity.","typography":"Clean geometric sans for section prose, set small and technical; measured numeric labels use tabular figures reading like oscilloscope annotations.","desktopComposition":"Left-to-right routed diagram dominating the hero; below, the wire is 'uncoiled' into a vertical legend that maps each of its six behaviors (usage, agent, burn, heatmap, value, NEEDS YOU) to line states.","mobileTransformation":"The horizontal wire cannot keep its span on 390px, so it re-draws as a descending coil/zig-zag trace down the page, each fold becoming one section; the LAN boundary becomes a closing loop instead of a right edge.","mediaStrategy":"No media region (no qualified local asset). The trace is a live diagram built from CSS motion of an evidence-based path; not a screenshot and not a background particle field.","forbiddenPatterns":["No centered marketing panel or three-metric hero","No device or terminal shell framing","No decorative grid overlay or glow behind the trace","No invented statistics or fabricated signals","No random particle field presented as data"],"compositionFingerprint":"A left-right signal trace wiring Mac to panel across the LAN, whose line slope encodes burn rate and whose interrupted amber break is the NEEDS YOU branch."},{"id":"six-page-dial","name":"The Six-Page Dial","projectMetaphor":"The page is the device's operating rotation: six genuine screens (usage, NEEDS YOU, live agent, burn rate, Max Tracker heatmap, value multiple) arranged as the rotating face of the panel's OS. Browsing the page is like rotating the device through its six functions.","signatureVisual":"A hexagonal dial whose six vertices each seat one of the six device screens; the current function is brought forward to the top vertex as a real read-out, so hovering/scrolling the dial 'rotates' which screen leads. Rendered as structural geometry, not an image.","heroGeometry":"A centered hexagon (or radial six-pod layout) where the six device functions are positioned as satellites around an empty core that is the literal 'vibe'. The hero axis is radial, not horizontal.","sectionSequence":["Six functions as the dial face","Usage counter position","Live agent monitor spin","Burn rate / value multiple pair","NEEDS YOU as the dial's interrupt","Max Tracker heatmap arc","Build it (hardware + Mac service)"],"surfaceModel":"A 'device OS' surface: each dial pod is a crisp screen-cell tile on deep near-black; tiles are flat, separated by fine structural rules, and the dial rotates as one unit (transform-driven), not independent floating cards.","palette":"Deep near-black #0a0a0c background, off-white screen-cell panels #f2f3f5 for the read-outs, restrained signal green for live and one amber petal for the NEEDS YOU interrupt; neutral greys define the structural spokes between pods.","typography":"Bold grotesque for function labels on each pod, with tabular monospace numerals inside each screen read-out to feel like on-device text.","desktopComposition":"A large centered dial of six pods around a core; the top pod reads the primary usage value, side pods list the other five functions, and a perimeter legend maps each pod to its evidence paragraph.","mobileTransformation":"The radial dial cannot orbit on a narrow screen, so it unfolds into a single-column vertical pager: the core becomes a header and the six pods descend as stacked screen-rows, preserving the same six screens in reading order rather than just collapsing columns.","mediaStrategy":"No media region (no qualified local asset). Rotational geometry plus real numerals is the visual; no screenshot or fabricated dashboard frames.","forbiddenPatterns":["No generic marketing slogan over metric cards","No repeated feature-card wall (pods are the single dial, not a wall)","No browser/phone/dashboard shell wrapping the page","No fake charts, gauges, or testimonials","No decorative glow or grid as the visual idea"],"compositionFingerprint":"A rotating six-pod dial whose top seat is the live screen, with one permanently amber pod reserved for the NEEDS YOU interrupt."}],"selectedDirectionId":"needs-panel","selectionRationale":"VibePulse's core truth is that all value lives on a single small AMOLED screen on your shelf, and its personality is quiet honesty ('It never makes numbers up', pure-stdlib, data never leaves LAN). The Needs-Panel direction mirrors the device literally: the page becomes the panel cycling its six real screens on true black, with exactly one reserved amber accent for the NEEDS YOU state. It best fits the evidence, needs no fabricated dashboard or signal data, and its true-black surface model is the only one that makes the AMOLED constraint (the product's whole reason to exist) the visual itself. LAN-trace and Six-Page-Dial are defensible but the trace risks implying live telemetry data and the dial risks reading as a decorative gadget configuration; the panel is the least-invented, most faithful fit."},"designBrief":{"schemaVersion":"dodot-design-brief-v1","selectedDirectionId":"needs-panel","projectMetaphor":"The entire page is the shelf-top AMOLED device itself: a thin black framed panel that quietly sits beside you, cycling through its six real screens (usage, NEEDS YOU alert, live agent monitor, burn rate, Max Tracker heatmap, value multiple). It is a physical mirror of VibePulse rather than an ad about it.","signatureVisual":"A persistent 2.16-inch AMOLED panel silhouette (soft rounded black slab with a thin bezel seam) that auto-cycles across the six device pages on true-black #000; when attention is needed the panel snaps to a full-bled '⚠ NEEDS YOU' screen. No fake product screenshot — the panel is a real vertical illustration composited from CSS, not an image.","compositionFingerprint":"A wide true-black AMOLED panel medallion resting on a matte desk, cycling six real device pages, with ONLY one query-colored accent reserved for the NEEDS YOU state.","heroGeometry":"A wide, centered horizontal bar on pure black representing the panel lying on a shelf; a low horizon of 'shelf edge' separates foreground panel from deep black ambient space.","sectionSequence":["Panel on shelf","The six onboard screens","NEEDS YOU flow","Burn rate / value signal","How the Mac service feeds the panel","LAN privacy boundary","Under the hood & getting started"],"surfaceModel":"True-black display surfaces only on the panel body; every other surface is matte neutral 'desk' tone so the AMOLED panel reads as lit. Only the panel emits color and light; the rest of the page stays quiet.","palette":"True black #000 panel, near-black desk #0b0d10, one signal green #00e676 for live/OK and one alert amber #ffb400 reserved solely for NEEDS YOU; low-saturation neutral greys for the desk surface; white for panel text.","typography":"Monospace display for the device pages (as if set in firmware pixel type), paired with a humanist sans for descriptive prose; numerals are tabular to echo the panel digits.","desktopComposition":"A single hero panel centered on a wide desk, flanked by the six-page strip as annotation; burnt usage vs value read-out beneath the panel; the LAN boundary drawn as a horizontal wire guideline running behind the panel.","mobileTransformation":"The panel re-flips from landscape-bar to a tall portrait slab filling the mid-viewport, with the six pages stacking top-to-bottom as a scroll, and the LAN guideline turning vertical beside the panel.","mediaStrategy":"No media region (no qualified local asset). The cycling panel illustration is the sole visual story; it impersonates nothing and is built from CSS/typography against evidence.","evidencePlan":["Quote the six genuine device pages (usage, NEEDS YOU, live agent, burn rate, Max Tracker heatmap, value multiple) from the readme 'What's on screen' and map each to a panel frame in the cycle.","Depict the NEEDS YOU interrupt and the opt-in tap-to-answer bridge as states of the panel, used as the ONLY amber accent.","State the ESP32-S3 + pure-stdlib Mac service architecture (hardware list, macOS-only service) and the 'nothing leaves your LAN' boundary as explicit panel captions.","Present burn rate and value multiple as linked signals reflecting the readme 'burn rate' and 'value multiple' pages, without inventing numeric results."],"localeContract":{"zh-CN":"中文页面共享同一区块顺序与面板隐喻，文案密度保持中文自然：设备页名、硬件与 Mac 服务说明、局域网边界、NEEDS YOU 警报均以此 brief 为准，不杜撰指标或截图。","en":"The English page shares the same section sequence and panel metaphor; copy stays natural in English: six device pages, ESP32-S3 + pure-stdlib Mac service, LAN privacy boundary, and the NEEDS YOU alert follow this brief, with no invented metrics or screenshots."},"forbiddenPatterns":["No marketing hero slogan over three metric cards","No device/browser/terminal shell screenshot or graphic","No fabricated charts, metrics, gauges, testimonials, or fake UI controls","No decorative gradient glow, particle field, or grid used as the visual idea","No login/response HTML re-labeled as a V4 product"]},"visualReview":{"schemaVersion":"dodot-automated-design-review-v1","status":"approved","summary":"$24","checks":{"projectFit":{"passed":true,"evidence":"Selected direction is needs-panel whose projectMetaphor is 'the entire page is the shelf-top AMOLED device itself cycling its six real screens on true black'. zh-CN.html and en.html implement exactly that: a .panel/.screen true-black slab auto-cycles six .face frames (Usage, Live agent, Burn rate, Max Tracker heatmap, Value multiple) plus a full-bleed amber NEEDS YOU face (zh lines 18-70; en lines 7-53), and SECTION 01 narrates each of the six genuine device pages. No invented dashboard is substituted for the device; the hero is the panel, not a slogan over metric cards."},"evidenceBound":{"passed":true,"evidence":"Every factual element maps to material.json facts/README: the six device pages appear as the six faces and in SECTION 01 cards; ESP32-S3 + pure-stdlib macOS-only Python service (extraction facts, summary claims 2 and 3); Waveshare ESP32-S3-Touch-AMOLED-2.16 ~$30 panel (summary claim 6); 'Nothing leaves your LAN' privacy boundary (projection description, README Privacy); C language, MIT license, owner niclasvestlund-yt, latest release v0.6.0 and repo+experience links all present in specs/meta. Device faces deliberately use non-committal placeholders ('—', '0.0 …', '× value', '– act') consistent with the project's honesty principle; no invented metrics, counts or hardware figures are asserted anywhere in either locale."},"signatureVisual":{"passed":true,"evidence":"A persistent CSS-built AMOLED panel silhouette exists and is not an image or screenshot: .panel (rounded black slab with bezel seam via inset box-shadow, zh:47-56) containing .screen on true-black #000 (zh:57-66) with a .cycle whose six .face frames auto-animate on a 27s keyframe (zh:93-108); the sixth face snaps to a full-bleed amber NEEDS YOU state (zh:87-92, 62-69). Only CSS and typography against evidence; no , brokenImageCount=0 in qa-report.json."},"mobileTransformation":{"passed":true,"evidence":"Brief requires the panel to re-flip from a landscape bar to a tall portrait slab, stack the six pages top-to-bottom as a scroll, and turn the LAN guideline vertical beside the panel. At max-width:720px both files set .screen{aspect-ratio:auto;height:min(66vh,540px)} (portrait slab, zh:189), .cycle{height:100%;overflow-y:auto;scroll-snap-type:y mandatory} with .face{position:static;animation:none;scroll-snap-align:start} (six pages stacked as a vertical scroll, zh:190-198), and .lan .wire{top:0;bottom:0;width:1px;height:auto;left:auto} plus a slidev top animation (LAN wire turned vertical, zh:201-203/205). This is the bespoke signal re-framing the brief specifies, not a mere column collapse."},"localeParity":{"passed":true,"evidence":"Both locales share identical document structure, the same panel metaphor, the same six sections (zh h2=6, sectionCount=6; en h2=6, sectionCount=6 per qa-report.json) and the full six-face panel cycle. zh-CN copy is natural Chinese covering the six device pages, hardware, Mac service, LAN boundary and NEEDS YOU per brief; en copy is idiomatic English ('The six screens that really run on it', 'The path stays inside your LAN'). No metric or page is invented in either language — each is a faithful, natural translation of the same evidence set."},"antiTemplate":{"passed":true,"evidence":"The centerpiece is not a marketing hero slogan over three metric cards: it is the device panel cycling six real pages on true black, with the ONLY amber accent reserved for the NEEDS YOU face/note. No device/browser/terminal shell screenshot or graphic frames the content — the panel is a CSS illustration. The .stage radial-gradient is a subtle matte desk backdrop, not the visual idea (the panel is). The six-screen cards map one-to-one to README pages with evidence text rather than a generic feature-card wall; no lying silhouette/device-shell composition and no decorative grid-as-idea are present."},"noFakeUi":{"passed":true,"evidence":"qa-report.json reports fakeControlCount=0 and brokenImageCount=0 for both locales and both viewports, with empty consoleErrors and networkRequests (no JS, no external calls). The only interactive-elements are genuine anchors to github.com/niclasvestlund-YT/vibepulse and vibeonchip.com. The static statusbar clock (00:00/UTC), 'ON-LINE' dot, and on-panel '▼ tap to answer' are presentational device-face copy, not interactive fake controls; there are no fake tabs, toggles, gauges, login controls, or fabricated dashboard frames."}},"issues":[]},"repairEvidence":[{"attempt":1,"before":{"qaPassed":true,"designReviewApproved":false,"qaEvidence":{"zh-CN":[{"viewport":"desktop","passed":true,"localePassed":true,"metrics":{"language":"zh-CN","h1Count":1,"h2Count":6,"sectionCount":6,"textLength":2388,"cjkCount":1060,"latinLetterCount":759,"scrollWidth":1280,"clientWidth":1280,"scrollHeight":4679,"h1Top":533.875,"bottomInset":79.828125,"brokenImageCount":0,"missingAltCount":0,"fakeControlCount":0,"emptyLinkCount":0},"screenshotHashes":{"top":"96fd6027c9970dfbf789d21484be70d7caa141ca1f134998de148181a999bf45","middle":"07ab7987cfa326b3e0471e8a58ee7492203884f51582a528e4d0ac55cff931b3","bottom":"32906d3c26fbb13df1eb7c9ca0e7a933b18b42e11b8ff520f833e50f339f40b0"},"consoleErrors":[],"networkRequests":[]},{"viewport":"mobile","passed":true,"localePassed":true,"metrics":{"language":"zh-CN","h1Count":1,"h2Count":6,"sectionCount":6,"textLength":2388,"cjkCount":1060,"latinLetterCount":759,"scrollWidth":390,"clientWidth":390,"scrollHeight":6197,"h1Top":391.796875,"bottomInset":80.0625,"brokenImageCount":0,"missingAltCount":0,"fakeControlCount":0,"emptyLinkCount":0},"screenshotHashes":{"top":"068bfc66a624083d13e42f2b898a310f413538073a3f88030c4a53eeb750e149","middle":"8e61eb69e6155a5c0a554e9a17c7c63bf375aa53a32a72b1d9a3682630eef8d0","bottom":"86e81f8d7439c600507d6f2ece0cee9fe7a4394461804bde163fb44de4543893"},"consoleErrors":[],"networkRequests":[]}],"en":[{"viewport":"desktop","passed":true,"localePassed":true,"metrics":{"language":"en","h1Count":1,"h2Count":6,"sectionCount":6,"textLength":4848,"cjkCount":0,"latinLetterCount":3702,"scrollWidth":1280,"clientWidth":1280,"scrollHeight":4874,"h1Top":533.875,"bottomInset":80.4375,"brokenImageCount":0,"missingAltCount":0,"fakeControlCount":0,"emptyLinkCount":0},"screenshotHashes":{"top":"465643736060d406e207712d84d943e16d994405fc7b82c2f11dc4580100003d","middle":"d42500ecb3735ccfcd16f75a1b41fbcce8aac8386442c08e99d9c7dca7f2e0e3","bottom":"a751b4f510a8d52925e7cc5bcb48d56ec254ce7fffb2b887ca7c82d1f730ded1"},"consoleErrors":[],"networkRequests":[]},{"viewport":"mobile","passed":true,"localePassed":true,"metrics":{"language":"en","h1Count":1,"h2Count":6,"sectionCount":6,"textLength":4848,"cjkCount":0,"latinLetterCount":3702,"scrollWidth":390,"clientWidth":390,"scrollHeight":6726,"h1Top":391.796875,"bottomInset":80.453125,"brokenImageCount":0,"missingAltCount":0,"fakeControlCount":0,"emptyLinkCount":0},"screenshotHashes":{"top":"efff1565ef938b3ce8c0ec192a92bbdd8c7aa84b8f41ef436aba68b21e6e9743","middle":"b138e6d86ce5f4f0dc7a932ff818f2e89596de0ba0285c9d291307be43e320c8","bottom":"435a7cc85b60ee4add833cf1f1a3048023b323622180495a67d8e22eb2ab5770"},"consoleErrors":[],"networkRequests":[]}]},"visualReview":{"schemaVersion":"dodot-automated-design-review-v1","status":"revise","summary":"$25","checks":{"projectFit":{"passed":true,"evidence":"Selected direction is needs-panel, whose projectMetaphor is 'the page is the shelf-top AMOLED device itself cycling its six real screens on true black'. The zh-CN and en pages implement exactly that: a .panel/.screen true-black slab (screen:34) auto-cycles six faces (usage, live agent, burn rate, Max Tracker heatmap, value multiple, NEEDS YOU) in the hero and narrates each screen in SECTION 01; the NEEDS YOU face is full-bleed amber. No invented dashboard is substituted for the device."},"evidenceBound":{"passed":true,"evidence":"Every factual element maps to material.json facts/README: six device pages (usage/NEEDS YOU/live agent/burn rate/Max Tracker heatmap/value multiple) as the six faces; ESP32-S3 + pure-stdlib Python macOS-only service (extraction facts; summary claims 2,3); Waveshare ESP32-S3-Touch-AMOLED-2.16 ~$30 panel; 'Nothing leaves your LAN' privacy boundary; C language, MIT license, v0.6.0 latest release all present in specs/cards. Prose adds no invented metrics or hardware not in evidence."},"signatureVisual":{"passed":true,"evidence":"A persistent CSS-built AMOLED panel silhouette exists and is not an image or screenshot: .panel (rounded black slab, bezel seam via inset box-shadow, screen:47) containing .screen on true-black #000 (screen:57) with a .cycle of six .face frames auto-animating on a 27s keyframe (screen:103-108); the sixth face snaps to a full-bleed amber NEEDS YOU state (screen:87). Uses only CSS/typography on evidence."},"mobileTransformation":{"passed":false,"evidence":"Brief's mobileTransformation requires 'the panel re-flips from landscape-bar to a tall portrait slab filling the mid-viewport, with the six pages stacking top-to-bottom as a scroll, and the LAN guideline turning vertical beside the panel'. Implementation keeps .screen at aspect-ratio:5/3 on both 1280 and 390 (screen:61) with no portrait re-flip; the mobile media query (max-width:720px, screen:77) only collapses .two/.lan-grid/.spec/.grid3 to 1fr and reduces padding/font. The six-page cards and LAN nodes do stack as content, but the signature panel does not re-frame to a portrait slab and the .lan .wire stays horizontal. This is a generic column-collapse responsive pass, not the brief's bespoke signal-visual transformation."},"localeParity":{"passed":true,"evidence":"Both locales share identical document structure, panel metaphor, the same 6 sections (h2Count=6, sectionCount=6 for both in qa-report.json), and the full six-screen panel cycle. zh-CN copy is natural Chinese with the six device pages, hardware, Mac service, LAN boundary and NEEDS YOU stated per brief; en copy is idiomatic English ('The six screens that really run on it', 'The path stays inside your LAN'). No metrics or pages are invented in either locale, only translated."},"antiTemplate":{"passed":true,"evidence":"The centerpiece is not a marketing hero slogan over three metric cards: it is the device panel cycling six real pages, with the ONLY amber accent reserved for NEEDS YOU. No device/browser/terminal shell screenshot or graphic frames the content; the panel is a CSS illustration. The stage radial-gradient is a subtle desk backdrop, not the visual idea (the panel is). Six-screen cards map to README pages with evidence text rather than a generic feature-card wall. Design avoids all listed forbidden patterns."},"noFakeUi":{"passed":true,"evidence":"qa-report.json reports fakeControlCount=0 and brokenImageCount=0 for both locales and viewports, with no console errors or network requests. The page contains only genuine anchors to the real GitHub repo and experience site; there are no fake tabs, switches, toggles, login controls, gauges, or fabricated dashboard controls. The on-panel 'tap to answer' and status labels are presentational device face text, not interactive fake controls. Minor numeric overreach on the Live agent face is flagged separately in issues."}},"issues":[{"code":"mobile-transformation-not-implemented","severity":"blocking","locale":"all","description":"The brief's mobileTransformation requires the signature panel to re-flip from a landscape bar to a tall portrait slab filling the mid-viewport, stack the six pages top-to-bottom as a scroll, and turn the LAN guideline vertical beside the panel. The implementation keeps .screen at aspect-ratio:5/3 on mobile (screen:61) and only collapses content grids to 1fr at max-width:720px (screen:77); the panel and the .lan .wire remain horizontal landscape. The mobile layout is therefore a standard column-collapse rather than the project-specific signal re-framing, so mobileTransformation fails.","repairInstruction":"Introduce a genuine mobile re-framing of the signature visual: at the ≤720px breakpoint, re-orient the .panel/.screen to a tall portrait slab (e.g. set a portrait aspect-ratio or a taller fixed height and re-stack the six .face pages vertically as a scroll within the panel), and re-orient the LAN boundary from the horizontal .lan .wire into a vertical guideline running beside the panel. Preserve the six-screen cycle, true-black surfaces, and the sole amber NEEDS YOU accent during the re-frame."},{"code":"invented-live-agent-figure","severity":"warning","locale":"all","description":"In the cycling panel, the Live agent face presents a concrete fabricated figure ('2 act' with 'working 1 / idle 1', screen:97-100 zh / 196-201 en) while every other face deliberately uses honest placeholders ('—', '0.0 …', '× value'). This single invented numeric result contradicts the project's stated honesty principle ('It never makes numbers up') and the brief's charge not to invent numeric results, and it is inconsistent with the rest of the panel's deliberately non-committal read-outs.","repairInstruction":"Replace the concrete numerals on the Live agent face with non-committal placeholders consistent with the other faces (e.g. use an em-dash or a generic status pattern) so no fabricated count is presented on the device face, keeping the screen's layout legible without asserting a specific invented value."}]}},"after":{"qaPassed":true,"designReviewApproved":true,"qaEvidence":{"zh-CN":[{"viewport":"desktop","passed":true,"localePassed":true,"metrics":{"language":"zh-CN","h1Count":1,"h2Count":6,"sectionCount":6,"textLength":2388,"cjkCount":1060,"latinLetterCount":759,"scrollWidth":1280,"clientWidth":1280,"scrollHeight":4679,"h1Top":533.875,"bottomInset":79.828125,"brokenImageCount":0,"missingAltCount":0,"fakeControlCount":0,"emptyLinkCount":0},"screenshotHashes":{"top":"96fd6027c9970dfbf789d21484be70d7caa141ca1f134998de148181a999bf45","middle":"07ab7987cfa326b3e0471e8a58ee7492203884f51582a528e4d0ac55cff931b3","bottom":"32906d3c26fbb13df1eb7c9ca0e7a933b18b42e11b8ff520f833e50f339f40b0"},"consoleErrors":[],"networkRequests":[]},{"viewport":"mobile","passed":true,"localePassed":true,"metrics":{"language":"zh-CN","h1Count":1,"h2Count":6,"sectionCount":6,"textLength":2388,"cjkCount":1060,"latinLetterCount":759,"scrollWidth":390,"clientWidth":390,"scrollHeight":6544,"h1Top":738.6875,"bottomInset":80.171875,"brokenImageCount":0,"missingAltCount":0,"fakeControlCount":0,"emptyLinkCount":0},"screenshotHashes":{"top":"ab3d5f4db1c779a584a2bbe45f32403f768700cab32d1f19ebdbfc2fe5e8a9dc","middle":"72eee42993cf54a86c0e62ec73fbae97fcd70c2e7544cf4a4b45f79c8099111d","bottom":"b5f7f675bd6affe4354f4be16fa78802badfca29e18b026d15244b354582aa95"},"consoleErrors":[],"networkRequests":[]}],"en":[{"viewport":"desktop","passed":true,"localePassed":true,"metrics":{"language":"en","h1Count":1,"h2Count":6,"sectionCount":6,"textLength":4848,"cjkCount":0,"latinLetterCount":3702,"scrollWidth":1280,"clientWidth":1280,"scrollHeight":4874,"h1Top":533.875,"bottomInset":80.4375,"brokenImageCount":0,"missingAltCount":0,"fakeControlCount":0,"emptyLinkCount":0},"screenshotHashes":{"top":"465643736060d406e207712d84d943e16d994405fc7b82c2f11dc4580100003d","middle":"d42500ecb3735ccfcd16f75a1b41fbcce8aac8386442c08e99d9c7dca7f2e0e3","bottom":"a751b4f510a8d52925e7cc5bcb48d56ec254ce7fffb2b887ca7c82d1f730ded1"},"consoleErrors":[],"networkRequests":[]},{"viewport":"mobile","passed":true,"localePassed":true,"metrics":{"language":"en","h1Count":1,"h2Count":6,"sectionCount":6,"textLength":4848,"cjkCount":0,"latinLetterCount":3702,"scrollWidth":390,"clientWidth":390,"scrollHeight":7072,"h1Top":738.6875,"bottomInset":79.5625,"brokenImageCount":0,"missingAltCount":0,"fakeControlCount":0,"emptyLinkCount":0},"screenshotHashes":{"top":"6174953023f34d5c178288a050fc81d64064d7e835ee73375b940746dbe9274a","middle":"f264b6722c1bff82ca5255404fac174863861a553171543fb653959bd589fa8b","bottom":"13b9b032d74f3ec9956a72ba0e86d8f4206561bca62ab7e9c585f015916659dd"},"consoleErrors":[],"networkRequests":[]}]},"visualReview":{"schemaVersion":"dodot-automated-design-review-v1","status":"approved","summary":"$26","checks":{"projectFit":{"passed":true,"evidence":"Selected direction is needs-panel whose projectMetaphor is 'the entire page is the shelf-top AMOLED device itself cycling its six real screens on true black'. zh-CN.html and en.html implement exactly that: a .panel/.screen true-black slab auto-cycles six .face frames (Usage, Live agent, Burn rate, Max Tracker heatmap, Value multiple) plus a full-bleed amber NEEDS YOU face (zh lines 18-70; en lines 7-53), and SECTION 01 narrates each of the six genuine device pages. No invented dashboard is substituted for the device; the hero is the panel, not a slogan over metric cards."},"evidenceBound":{"passed":true,"evidence":"Every factual element maps to material.json facts/README: the six device pages appear as the six faces and in SECTION 01 cards; ESP32-S3 + pure-stdlib macOS-only Python service (extraction facts, summary claims 2 and 3); Waveshare ESP32-S3-Touch-AMOLED-2.16 ~$30 panel (summary claim 6); 'Nothing leaves your LAN' privacy boundary (projection description, README Privacy); C language, MIT license, owner niclasvestlund-yt, latest release v0.6.0 and repo+experience links all present in specs/meta. Device faces deliberately use non-committal placeholders ('—', '0.0 …', '× value', '– act') consistent with the project's honesty principle; no invented metrics, counts or hardware figures are asserted anywhere in either locale."},"signatureVisual":{"passed":true,"evidence":"A persistent CSS-built AMOLED panel silhouette exists and is not an image or screenshot: .panel (rounded black slab with bezel seam via inset box-shadow, zh:47-56) containing .screen on true-black #000 (zh:57-66) with a .cycle whose six .face frames auto-animate on a 27s keyframe (zh:93-108); the sixth face snaps to a full-bleed amber NEEDS YOU state (zh:87-92, 62-69). Only CSS and typography against evidence; no , brokenImageCount=0 in qa-report.json."},"mobileTransformation":{"passed":true,"evidence":"Brief requires the panel to re-flip from a landscape bar to a tall portrait slab, stack the six pages top-to-bottom as a scroll, and turn the LAN guideline vertical beside the panel. At max-width:720px both files set .screen{aspect-ratio:auto;height:min(66vh,540px)} (portrait slab, zh:189), .cycle{height:100%;overflow-y:auto;scroll-snap-type:y mandatory} with .face{position:static;animation:none;scroll-snap-align:start} (six pages stacked as a vertical scroll, zh:190-198), and .lan .wire{top:0;bottom:0;width:1px;height:auto;left:auto} plus a slidev top animation (LAN wire turned vertical, zh:201-203/205). This is the bespoke signal re-framing the brief specifies, not a mere column collapse."},"localeParity":{"passed":true,"evidence":"Both locales share identical document structure, the same panel metaphor, the same six sections (zh h2=6, sectionCount=6; en h2=6, sectionCount=6 per qa-report.json) and the full six-face panel cycle. zh-CN copy is natural Chinese covering the six device pages, hardware, Mac service, LAN boundary and NEEDS YOU per brief; en copy is idiomatic English ('The six screens that really run on it', 'The path stays inside your LAN'). No metric or page is invented in either language — each is a faithful, natural translation of the same evidence set."},"antiTemplate":{"passed":true,"evidence":"The centerpiece is not a marketing hero slogan over three metric cards: it is the device panel cycling six real pages on true black, with the ONLY amber accent reserved for the NEEDS YOU face/note. No device/browser/terminal shell screenshot or graphic frames the content — the panel is a CSS illustration. The .stage radial-gradient is a subtle matte desk backdrop, not the visual idea (the panel is). The six-screen cards map one-to-one to README pages with evidence text rather than a generic feature-card wall; no lying silhouette/device-shell composition and no decorative grid-as-idea are present."},"noFakeUi":{"passed":true,"evidence":"qa-report.json reports fakeControlCount=0 and brokenImageCount=0 for both locales and both viewports, with empty consoleErrors and networkRequests (no JS, no external calls). The only interactive-elements are genuine anchors to github.com/niclasvestlund-YT/vibepulse and vibeonchip.com. The static statusbar clock (00:00/UTC), 'ON-LINE' dot, and on-panel '▼ tap to answer' are presentational device-face copy, not interactive fake controls; there are no fake tabs, toggles, gauges, login controls, or fabricated dashboard frames."}},"issues":[]}},"changedFiles":["artifact/zh-CN.html","artifact/en.html"]}],"provenance":{"executor":"opencode","model":"deepseek/deepseek-v4-flash","opencodeVersion":"1.1.58","promptVersion":"dodot-showcase-deepseek-v4","inputHash":"55cdbf6721e0ae4b89065fed5789778d9d97adc83944af0bfc97cf6b28c7f41e","artifactHash":"c69bbed4c995f2c56f8c38eca02784570d17d5f4e4ffa2da8a3290cc467edcdb","designSkill":"dodot-showcase-design"},"qaEvidence":{"zh-CN":[{"viewport":"desktop","passed":true,"localePassed":true,"metrics":{"language":"zh-CN","h1Count":1,"h2Count":6,"sectionCount":6,"textLength":2388,"cjkCount":1060,"latinLetterCount":759,"scrollWidth":1280,"clientWidth":1280,"scrollHeight":4679,"h1Top":533.875,"bottomInset":79.828125,"brokenImageCount":0,"missingAltCount":0,"fakeControlCount":0,"emptyLinkCount":0},"screenshotHashes":{"top":"96fd6027c9970dfbf789d21484be70d7caa141ca1f134998de148181a999bf45","middle":"07ab7987cfa326b3e0471e8a58ee7492203884f51582a528e4d0ac55cff931b3","bottom":"32906d3c26fbb13df1eb7c9ca0e7a933b18b42e11b8ff520f833e50f339f40b0"},"consoleErrors":[],"networkRequests":[]},{"viewport":"mobile","passed":true,"localePassed":true,"metrics":{"language":"zh-CN","h1Count":1,"h2Count":6,"sectionCount":6,"textLength":2388,"cjkCount":1060,"latinLetterCount":759,"scrollWidth":390,"clientWidth":390,"scrollHeight":6544,"h1Top":738.6875,"bottomInset":80.171875,"brokenImageCount":0,"missingAltCount":0,"fakeControlCount":0,"emptyLinkCount":0},"screenshotHashes":{"top":"ab3d5f4db1c779a584a2bbe45f32403f768700cab32d1f19ebdbfc2fe5e8a9dc","middle":"72eee42993cf54a86c0e62ec73fbae97fcd70c2e7544cf4a4b45f79c8099111d","bottom":"b5f7f675bd6affe4354f4be16fa78802badfca29e18b026d15244b354582aa95"},"consoleErrors":[],"networkRequests":[]}],"en":[{"viewport":"desktop","passed":true,"localePassed":true,"metrics":{"language":"en","h1Count":1,"h2Count":6,"sectionCount":6,"textLength":4848,"cjkCount":0,"latinLetterCount":3702,"scrollWidth":1280,"clientWidth":1280,"scrollHeight":4874,"h1Top":533.875,"bottomInset":80.4375,"brokenImageCount":0,"missingAltCount":0,"fakeControlCount":0,"emptyLinkCount":0},"screenshotHashes":{"top":"465643736060d406e207712d84d943e16d994405fc7b82c2f11dc4580100003d","middle":"d42500ecb3735ccfcd16f75a1b41fbcce8aac8386442c08e99d9c7dca7f2e0e3","bottom":"a751b4f510a8d52925e7cc5bcb48d56ec254ce7fffb2b887ca7c82d1f730ded1"},"consoleErrors":[],"networkRequests":[]},{"viewport":"mobile","passed":true,"localePassed":true,"metrics":{"language":"en","h1Count":1,"h2Count":6,"sectionCount":6,"textLength":4848,"cjkCount":0,"latinLetterCount":3702,"scrollWidth":390,"clientWidth":390,"scrollHeight":7072,"h1Top":738.6875,"bottomInset":79.5625,"brokenImageCount":0,"missingAltCount":0,"fakeControlCount":0,"emptyLinkCount":0},"screenshotHashes":{"top":"6174953023f34d5c178288a050fc81d64064d7e835ee73375b940746dbe9274a","middle":"f264b6722c1bff82ca5255404fac174863861a553171543fb653959bd589fa8b","bottom":"13b9b032d74f3ec9956a72ba0e86d8f4206561bca62ab7e9c585f015916659dd"},"consoleErrors":[],"networkRequests":[]}]}},"generatorVersion":"opencode-1.1.58:deepseek/deepseek-v4-flash:dodot-showcase-deepseek-v4","publishedAt":"2026-08-20T07:33:09.798Z"},"rawExtraction":{"projectRevisionId":"cmt2zh1y5018c6271n8niuew5","projectVersion":1,"sources":[{"canonicalKey":"github:niclasvestlund-yt/vibepulse","role":"primary","revisionVersion":1,"url":"https://github.com/niclasvestlund-YT/vibepulse"}],"facts":[{"key":"repository_owner","value":"niclasvestlund-yt","evidence":[{"path":"repository.owner","excerpt":"niclasvestlund-yt"}]},{"key":"repository_name","value":"vibepulse","evidence":[{"path":"repository.name","excerpt":"vibepulse"}]},{"key":"description","value":"A shelf-top AMOLED screen showing your Claude Code & Codex usage, live agent activity, and a NEEDS YOU alert when an agent waits for your input. ESP32-S3 + a pure-stdlib Mac service. Nothing leaves your LAN.","evidence":[{"path":"repository.description","excerpt":"A shelf-top AMOLED screen showing your Claude Code & Codex usage, live agent activity, and a NEEDS YOU alert when an agent waits for your input. ESP32-S3 + a pure-stdlib Mac service. Nothing leaves your LAN."}]},{"key":"primary_language","value":"C","evidence":[{"path":"repository.language","excerpt":"C"}]},{"key":"license","value":"MIT","evidence":[{"path":"repository.license","excerpt":"MIT"}]},{"key":"topics","value":"amoled, claude, claude-code, codex, esp32-s3, lvgl, quota-tracker","evidence":[{"path":"repository.topics","excerpt":"amoled, claude, claude-code, codex, esp32-s3, lvgl, quota-tracker"}]},{"key":"source_count","value":"1","evidence":[{"path":"projectRevision.sources","excerpt":"github:niclasvestlund-yt/vibepulse"}]}],"taxonomy":{"category":"development_tools","subcategory":"data_ai_tools","confidence":0.65,"evidence":[{"path":"repository.description","excerpt":"A shelf-top AMOLED screen showing your Claude Code & Codex usage, live agent activity, and a NEEDS YOU alert when an agent waits for your input. ESP32-S3 + a pure-stdlib Mac service. Nothing leaves your LAN."}]},"lifecycle":{"stage":"active","confidence":0.75,"evidence":[{"path":"repository.pushedAt","excerpt":"2026-08-16T22:57:33.000Z"}]},"userIntents":[{"slug":"build_software","label":"构建或改进软件","confidence":0.65,"evidence":[{"path":"repository.description","excerpt":"A shelf-top AMOLED screen showing your Claude Code & Codex usage, live agent activity, and a NEEDS YOU alert when an agent waits for your input. ESP32-S3 + a pure-stdlib Mac service. Nothing leaves your LAN."}]},{"slug":"automate_work","label":"自动化工作流程","confidence":0.65,"evidence":[{"path":"repository.description","excerpt":"A shelf-top AMOLED screen showing your Claude Code & Codex usage, live agent activity, and a NEEDS YOU alert when an agent waits for your input. ESP32-S3 + a pure-stdlib Mac service. Nothing leaves your LAN."}]},{"slug":"create_content","label":"创作内容或设计","confidence":0.65,"evidence":[{"path":"repository.description","excerpt":"A shelf-top AMOLED screen showing your Claude Code & Codex usage, live agent activity, and a NEEDS YOU alert when an agent waits for your input. ESP32-S3 + a pure-stdlib Mac service. Nothing leaves your LAN."}]},{"slug":"analyze_data","label":"分析与理解数据","confidence":0.65,"evidence":[{"path":"repository.description","excerpt":"A shelf-top AMOLED screen showing your Claude Code & Codex usage, live agent activity, and a NEEDS YOU alert when an agent waits for your input. ESP32-S3 + a pure-stdlib Mac service. Nothing leaves your LAN."}]},{"slug":"learn_explore","label":"学习与探索","confidence":0.65,"evidence":[{"path":"repository.description","excerpt":"A shelf-top AMOLED screen showing your Claude Code & Codex usage, live agent activity, and a NEEDS YOU alert when an agent waits for your input. ESP32-S3 + a pure-stdlib Mac service. Nothing leaves your LAN."}]}],"readme":{"headings":["VibePulse","The problem","What's on screen","Answer Claude from the panel","Optional GitHub project pulse","It never makes numbers up","Are you getting your money's worth?","How it works","What you need","Setup, the vibecoder way","Setup, the manual way","Over-the-air updates","No hardware? Run the simulator","Privacy","Tweak it","Hardware knowledge","FAQ","License"],"commands":[]},"changeSet":[{"field":"repository","beforeHash":"354b3c30ef98df578c6f5d87cc3f15176e86c2a00faf87c271bba6a43fb18bb8","afterHash":"564d5158f19559f5f2d61282b641172e8b6ab2ea9c30861c411e6ef35aed0163"}]},"publishedAt":"2026-08-16T12:14:17.427Z","updatedAt":"2026-08-21T13:26:52.480Z","summary":{"id":"cmt2zh1y8018e6271bqs2b7fn","projectType":"product","oneLine":"ESP32-S3 屏幕显示 Claude/Codex 用量与 NEEDS YOU 警报","overview":"VibePulse 是一个桌面 AMOLED 屏幕，实时显示 Claude Code 和 Codex 的使用量、代理活动，并在代理等待输入时发出 NEEDS YOU 警报。它由 ESP32-S3 面板和 Mac 上的纯标准库 Python 服务组成，数据不离开局域网。可选功能允许通过点击面板回答 Claude 提示。适合希望随时掌握代理状态和配额消耗的开发者。","highlights":["实时代理活动监控","NEEDS YOU 全屏警报","点击面板回答 Claude","数据不离开局域网"],"bestFor":["重度使用 Claude/Codex 的开发者","希望监控配额消耗的用户","喜欢 DIY 硬件项目的爱好者"],"caveats":["项目仍在开发中，可能有粗糙边缘","需要特定硬件和 Mac 环境","设置需要一定的技术知识"],"categorySuggestion":"productivity","subcategorySuggestion":"automation_workflows","lifecycleStages":["deployment_growth"],"audienceIntents":["build","operate","evaluate"],"confidence":0.8,"evidence":[{"claim":"VibePulse 是一个桌面 AMOLED 屏幕，显示 Claude Code 和 Codex 的使用量、实时代理活动，并在代理等待输入时显示 NEEDS YOU 警报。","sourceType":"description","locator":"https://github.com/niclasvestlund-YT/vibepulse"},{"claim":"它由 ESP32-S3 面板和 Mac 上的纯标准库 Python 服务组成，数据不会离开局域网。","sourceType":"description","locator":"https://github.com/niclasvestlund-YT/vibepulse"},{"claim":"屏幕显示六个核心页面，包括使用量、NEEDS YOU 警报、实时代理监控、消耗率、Max Tracker 热力图和值倍数。","sourceType":"readme","locator":"https://github.com/niclasvestlund-YT/vibepulse"},{"claim":"可选的 Needs You 桥接允许通过点击面板来回答 Claude Code 的提示，而无需切换窗口。","sourceType":"readme","locator":"https://github.com/niclasvestlund-YT/vibepulse"},{"claim":"该项目是进行中的工作，存在粗糙边缘和频繁提交。","sourceType":"readme","locator":"https://github.com/niclasvestlund-YT/vibepulse"},{"claim":"需要 Waveshare ESP32-S3-Touch-AMOLED-2.16 面板（约 30 美元）和 Mac（服务仅支持 macOS）。","sourceType":"readme","locator":"https://github.com/niclasvestlund-YT/vibepulse"},{"claim":"最新版本 v0.6.0 增加了从面板回答 Claude 的功能，并修复了冻结问题。","sourceType":"release","locator":"https://github.com/niclasvestlund-YT/vibepulse/releases/tag/v0.6.0"}],"publishedAt":"2026-08-17T13:36:30.010Z"},"github":{"url":"https://github.com/niclasvestlund-YT/vibepulse","ownerAvatarUrl":"https://avatars.githubusercontent.com/u/225483836?v=4","starsCount":110,"forksCount":17,"language":"C","syncedAt":"2026-08-17T13:34:16.042Z","license":"MIT","defaultBranch":"main","archived":false,"disabled":false,"lastChangedAt":"2026-08-16T22:57:33.000Z","missing":false},"tags":[],"updates":[]},"entryPoint":"discovery","claim":{"state":"unclaimed","verified":false},"initialView":"beautified","community":{"viewer":null,"state":{"likesCount":0,"creativeCount":0,"followersCount":0,"commentsCount":0,"liked":false,"creative":false,"followed":false},"comments":{"comments":[],"nextCursor":null}}}]}],"$L27"]