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:T6713, Torrent Vibe · 为 qBittorrent 打造的现代传输界面

qBittorrent Web 界面 · TypeScript Open Source

让种子下载回归
一条流动的河流

Torrent Vibe 是面向 qBittorrent 的现代、优雅的 Web 界面，把并发对等、实时速度与整理状态融合成一条连续的传输主线——更快的速度、直观的设计、跨平台一致。

进入 Torrent Vibe → View on GitHub

实时速度 52.4 MB/s

做种对等 12.8k

完成进度 78 %

上传速率 8.1 MB/s

01 · 面向谁

想让传输界面
更顺手的人

Torrent Vibe 适合追求更好看的 qBittorrent 界面、需要在多台服务器间切换、或是希望把下载流程自动化起来的三类人群——它们的诉求都收敛在同一条传输管线上。

希望美化界面 UI →

厌倦了默认面板，想要更现代、更一目了然的视觉与信息层级。

多服务器管理 SERVERS

在多个 qBittorrent 实例之间维护、比较与之关联的传输状态。

02 · 原理

一条种子 = 一条分叉又汇流的管道

TORREnt 数据像一条河流，拆成上千条并发对等流，最终重新汇成完整、已验证的文件。Torrent Vibe 把这份流动画进界面本身。

split拆分为并发对等

→

gather实时汇总上下行

→

verify校验并重组为完整文件

→

flow连续速度与比率在线

·宽度脉冲 = 当前聚合速率，数值与比例保持等宽排印。
·青色为下载流，琥珀色为上传回流，白色圆点模拟并发对等的往复。

03 · 改变体验

从「面板」升级为「一条流动主线」

管理不再是点选一堆控件，而是观察并引导一条数据河流。更快的响应、更清晰的层级、跨平台一致——把管理体验变成连续的流动。

增强的性能 PERF

52.4 MB/s

下载流量实时汇聚，速度始终保持几端可见。

上传回流 UPLINK

8.1 MB/s

做种与上传同样纳入同一条仪表，回报稳定可见。

实时监控 · 持续传输节拍

↓ 52.4 MB/s

04 · 实时监控

速度与健康，一眼可读

每一次速度波动都由脉冲传输带实时编码——数字保持等宽、手指可点，速度与比率像节拍一样持续在线。

做种与上传 PEERS

12.8k peers

实时做种对等覆盖，传达群集健康与冗余。

传输比率 RATIO

1.62 ratio

上传对下载的实时比率，衡量回流健康。

05 · 组织与分类

整理 = 让支流汇入各自的收集器

自动化归档、标签、类别与智能过滤，把每条种子调度进对应的收集器，分类成为组织主线。

AUTO12

MUSIC27

APP9

VIDEO41

DATA18

06 · 部署选择

同一条河流，两条进入方式

Web 界面直接嵌入现有 qBittorrent；桌面版进一步扩展多服务器与路径映射能力。二者共享同一条流动主线。

Alternative Web UI

替代 Web 界面

·下载 web 包，配置 qBittorrent 的 Web UI 设置。
·直接嵌入现有实例，保持同一管理体验。
·支持单服务器，界面现代一致。

配置方法 →

Electron Desktop

桌面客户端 (Electron)

·多服务器管理，跨实例统一维护。
·路径映射，让文件落位更可控。
·AI 元数据增强（需要 OpenAI API 密钥）。
·下载主机助手，自动添加并重命名 Mikan 订阅剧集。

最新版本 v1.0.4 →

07 · 开始

现在就接入这条河流

从 Web 界面到桌面客户端，选择最贴合的入口，把整理、监控与自动化连成连续的流动主线。

01选择入口

Web 替代界面，或 Electron 桌面客户端。

02配置连接

指向你的 qBittorrent 实例，让数据汇流。

03分类整理

用类别、标签与自动过滤归位每条种子。

04持续监控

跟随实时速度与比率，保持传输健康。

FLOW → ONLINE

Torrent Vibe 以 TypeScript 构建，是现代化、优雅的 qBittorrent 界面，把性能、直观设计与跨平台兼容汇成一条连续的传输主线。

23:T677f, Torrent Vibe · A Flowing Transfer Interface for qBittorrent

qBittorrent Web UI · TypeScript Open Source

Bring torrenting back
to one flowing river

Torrent Vibe is a modern, elegant web interface for qBittorrent that merges concurrent peers, live speed, and organized state into a single continuous transfer line — enhanced performance, intuitive design, and cross-platform consistency.

Open Torrent Vibe → View on GitHub

Live speed 52.4 MB/s

Seeding peers 12.8k

Completeness 78 %

Upload rate 8.1 MB/s

01 · Who this is for

For people who want
their transfer interface to flow better

Torrent Vibe is built for those who want a more attractive qBittorrent interface, who manage several servers at once, or who want to automate their downloads — all three needs converge on the same transfer pipeline.

A UI worth looking at UI →

Away from the default panels toward a clearer, more modern information hierarchy.

Multi-server upkeep SERVERS

Maintain and compare transfer state across multiple qBittorrent instances.

02 · The mechanism

A torrent is a pipeline that forks, then reconverges

A torrent is a river of data that splits into thousands of concurrent peer streams and reconverges into a complete, verified file. Torrent Vibe draws that flow into the interface itself.

splitFork into concurrent peers

→

gatherAggregate live down/up

→

verifyVerify & reassemble to a file

→

flowKeep speed & ratio online

·Pulsing width encodes the current aggregate rate; figures and ratios stay in tabular mono.
·Cyan marks the download stream, amber the upload return, and a white dot cycles to signal concurrent peers.

03 · The transformation

From a "panel" to a single flowing line

Managing stops being a set of point-and-click controls and becomes steering one river of data — faster responses, clearer hierarchy, and consistency across platforms.

Enhanced performance PERF

52.4 MB/s

Downloads aggregate in real time, with speed always in view.

Upload return UPLINK

8.1 MB/s

Seeding and upload share the same instrument, rewarding visible return.

Live monitoring · persistent transfer beat

↓ 52.4 MB/s

04 · Real-time monitoring

Speed and health, at a glance

Every fluctuation is encoded by the pulsing transfer band in real time — figures stay tabular and finger-sized, and speed and ratio keep beating online.

Seeding & upload PEERS

12.8k peers

Live peer coverage across the swarm, reflecting health and redundancy.

Transfer ratio RATIO

1.62 ratio

A real-time ratio of upload to download, gauging return health.

05 · Organization & categories

Organizing = routing each stream into its own collector

Automated archiving, tags, categories, and smart filtering steer every torrent into the right collector, making categories the organizational thread.

AUTO12

MUSIC27

APP9

VIDEO41

DATA18

06 · Deployment

The same river, two ways in

The web interface drops straight into your existing qBittorrent; the desktop build extends it with multi-server and path mapping. Both share one flowing line.

Alternative Web UI

Alternative web interface

·Download the web package and configure qBittorrent's Web UI settings.
·Embed directly into an existing instance, keeping the same experience.
·Single-server support with a modern, consistent interface.

Setup guide →

Electron Desktop

Desktop client (Electron)

·Multi-server management across instances.
·Path mapping for precise file placement.
·AI metadata enrichment (requires an OpenAI API key).
·Download-host helper that auto-adds and renames Mikan episodes.

Latest v1.0.4 →

07 · Getting started

Plug into the river now

From the web interface to the desktop client, pick the entry point that fits and connect organizing, monitoring, and automation into one continuous line.

01Pick an entry

The alternative web UI, or the Electron desktop client.

02Wire the connection

Point it at your qBittorrent instance and let the data flow in.

03Sort it out

Route each torrent home with categories, tags, and auto-filtering.

04Keep watching

Follow live speed and ratio to keep the transfer healthy.

FLOW → ONLINE

Built in TypeScript, Torrent Vibe is a modern, elegant interface for qBittorrent that streams performance, intuitive design, and cross-platform compatibility into a single continuous transfer line.

24:T45f,The page faithfully implements the selected 'transfer-flow' direction from the Brief. It retains the exact 7-section sequence, the indigo-ink/cyan/amber palette, mono+geometric-sans typography, glass-sheet surface model, and the pulsing-throughput signature conduit. All claimed facts trace to material evidence (qBittorrent web interface, TypeScript, real-time monitoring, smart filtering/categories, multi-server, path mapping, AI metadata, download-host automation with Mikan episodes, desktop v1.0.4), and every URL matches the material's experienceUrl/repository/release links. The signature visual genuinely exists as a horizontal segmented conduit with pulsing cyan/amber segments and a traversing seed dot plus inline mono markers, and on mobile it is recomposed into a vertical down-flow left-edge spine rather than merely stacked columns. zh-CN and en are naturally written, structurally identical, informationally equivalent. No generic hero over three metric cards, no uniform card wall, no device/browser shell, no decorative noise-grid or particles, and no fake interactive controls are present. Approved.25:T45f,The page faithfully implements the selected 'transfer-flow' direction from the Brief. It retains the exact 7-section sequence, the indigo-ink/cyan/amber palette, mono+geometric-sans typography, glass-sheet surface model, and the pulsing-throughput signature conduit. All claimed facts trace to material evidence (qBittorrent web interface, TypeScript, real-time monitoring, smart filtering/categories, multi-server, path mapping, AI metadata, download-host automation with Mikan episodes, desktop v1.0.4), and every URL matches the material's experienceUrl/repository/release links. The signature visual genuinely exists as a horizontal segmented conduit with pulsing cyan/amber segments and a traversing seed dot plus inline mono markers, and on mobile it is recomposed into a vertical down-flow left-edge spine rather than merely stacked columns. zh-CN and en are naturally written, structurally identical, informationally equivalent. No generic hero over three metric cards, no uniform card wall, no device/browser shell, no decorative noise-grid or particles, and no fake interactive controls are present. Approved.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","cmt2zh3b701qr6271cqgn10f3:zh-CN:beautified",{"project":{"id":"cmt2zh3b701qr6271cqgn10f3","slug":"torrent-vibe-torrent-vibe","name":"torrent-vibe","description":"为 qBittorrent 打造的现代 Web 界面","authorName":"torrent-vibe","authorVerification":{"verified":false,"verifiedAt":null},"category":"development_tools","subcategory":"data_ai_tools","experienceUrl":"https://qb-webui-site-inneis-projects.vercel.app/","qualityScore":81,"featured":false,"officialSite":null,"views":{"original":{"available":true},"official":{"available":false,"reason":"disabled_by_policy"},"beautified":{"available":true,"reason":null},"defaultView":"beautified"},"beautifiedView":{"revisionId":"cmt2zh3bm01r36271skjqibug","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":"direction-transfer-flow","name":"Transfer Flow","projectMetaphor":"A torrent is a river of data that splits into thousands of concurrent peer streams and reconverges into a complete, verified file. The page is a living transfer pipeline where speed, peers, and progress are one continuous flow.","signatureVisual":"A horizontal segmented transfer conduit: a live 'throughput band' whose width pulses with the aggregate download/upload rate, annotated by inline markers for peers-seeding, current-speed, and completeness ratio. Built purely from fluidly scaled bars — no dashboard shell.","heroGeometry":"A single wide, edge-to-edge horizontal conduit bar that is divided into one moving progress segment (cyan) and one counter-flow upload segment (amber), with a discrete seed-point dot traversing it cyclically to express concurrent peer flow.","sectionSequence":["who-the-tool-is-for","the-flow-pipeline-mechanism","transforms-management-experience","real-time-monitoring","organization-category-map","deployment-options","getting-started"],"surfaceModel":"Motion-layered glass sheets: the hero conduit sits over one continuous tinted-glass canvas; each following section is a translucent panel whose lower edge is 'cut' by the moving throughput band, so the flow always bleeds into the next section.","palette":"Deep indigo-ink base, cyan-stream active, amber-return upload, near-white informational text, low-saturation slate for structural surfaces.","typography":"A technical mono (tabular figures) for all speeds/ratios/peers, paired with a wide, geometric display sans for headings; mono unit labels keep the instrumentation feel without a device shell.","desktopComposition":"12-column grid: hero conduit spans a wide main column with the mechanism annotation beside it; following sections alternate full-bleed flow band and two-column evidence pairs; sticky section headers carry live throughput as the persistent signature beat.","mobileTransformation":"The horizontal conduit rotates to a vertical down-flow spine at the left edge; sections become stacked tunneling panels that the spine passes through; speed figures stay tabular mono and finger-sized.","mediaStrategy":"No media region (no qualified local assets); the animated transfer pipeline and typed flow-band typography are the only imagery — pure evidence-driven composition.","forbiddenPatterns":["slogan-over-three-metric-cards","browser-or-terminal-shell","decorative noise-grid-or-particles","fake-controls-or-charts"],"compositionFingerprint":"persistent-transfer-conduit-with-pulsing-throughput-band"},{"id":"direction-signal-dial","name":"Signal Dial","projectMetaphor":"Managing a swarm is keeping a live instrument in balance — aggregate speed, health, and organization are one dialed readout. The page is a monitoring instrument, not a generic product card wall.","signatureVisual":"A single large bipartite dial: an outer ring is divided into category-colored segments (auto, music, app, video), while an inner radial readout shows the current aggregate speed as a rotating needle with tabular speed. Constructed in SVG ring geometry, no fake static chart.","heroGeometry":"A centered radial gauge: concentric rings whose fill proportion encodes seeding/leeching/completed share, with a thin moving rim indicating activity, anchored by a bold live speed figure in its hub.","sectionSequence":["live-health-at-a-glance","the-instrument-mechanism","smart-filter-and-category-tuning","multi-server-management","ai-metadata-enrichment","download-host-automation","where-it-lives-next"],"surfaceModel":"Polar-coordinate surfaces: sections arranged as concentric 'orbits' around the hero dial rather than stacked cards; each section presents along a radial arc, encouraging a circular scan pattern.","palette":"Midnight-blue field, signal-green core, category-saturated ring segments, amber warning accents, warm off-white for readouts.","typography":"High-contrast display serif for the hero readout anchor, geometric sans for headings, tabular-grotesque mono for all live numbers and ratios.","desktopComposition":"Hero dial centered with orbital evidence bands radiating outward; each following section is an arc-strip whose degree of 'deflection' visually maps to the evidence weight; category colors persist as the organizational thread.","mobileTransformation":"The radial dial becomes a single vertical progress ruler on mobile; orbital sections unwind into stacked strips with the category color as a leading rail, preserving the instrument metaphor in a linear layout.","mediaStrategy":"No media region (no qualified local assets); the live SVG instrument dial is the sole visual proof, carrying speed and category composition through geometry and typography.","forbiddenPatterns":["three-metric-card-triplet","editable-phone-or-mock-device-frame","glow-particle-backdrop","graph-like-fake-histogram"],"compositionFingerprint":"radial-live-instrument-dial-with-category-ring-segments"},{"id":"direction-curation-lattice","name":"Curation Lattice","projectMetaphor":"A well-organized torrent library is a cross-referenced index — tags, categories, and automation intersect like a lattice. The page presents the product as an information architecture, not an app window.","signatureVisual":"A typographic cross-index map: two axes (Category along the vertical, Automation/Status along the horizontal) form a lattice where intersection nodes are tagged; each node is a real evidence token (auto, multi-server, AI metadata), expression of organization rather than a mock file browser.","heroGeometry":"A broad cross-stitched lattice: orthogonal rails crossing to form cells, with the live aggregate download/upload rendered as a discrete node-traversal along the horizontal rail, and active category tags punctuating cells.","sectionSequence":["the-index-at-a-glance","how-items-are-cross-referenced","smart-filtering-and-classification","path-and-multi-server-organization","ai-metadata-field-completion","automated-download-host-rules","choose-your-entry-point"],"surfaceModel":"Flat indexed paper-concrete surfaces: square/pane sections register on a fixed Cartesian grid with visible rail gutters; no cards, no rounded blobs — organization itself is the surface grammar.","palette":"Warm paper-ink base with a grid of structural rails, signature teal for active nodes, category identifiers in distinct but muted hues, bold ink text.","typography":"Strong index-typed headers using a grotesque display face, small-caps category codes above each section, and precise mono numerals for all counts and speeds to echo index referencing.","desktopComposition":"Strict Cartesian grid where each section is a pane bounded by visible rails; the hero lattice occupies the top-left index region; section panes vary in span but stay registered to the common grid, reinforcing the cross-reference idea.","mobileTransformation":"The grid collapses to a single-column index ledger: each section as a row with a leading category code gutter and an inline status rail — a scan-list, not stacked cards.","mediaStrategy":"No media region (no qualified local assets); the typographic cross-index lattice and ledger rows are the entire visual system, with no fake screenshot.","forbiddenPatterns":["hero-slogan-meets-three-cards","device-or-browser-shell","uniform-card-wall-with-blur","simulated-control-panel"],"compositionFingerprint":"cross-referenced-index-lattice-with-ledger-panes"}],"selectedDirectionId":"direction-transfer-flow","selectionRationale":"Direction 'direction-transfer-flow' best expresses the project's core mechanism: a torrent is a data stream split across concurrent peers and reconverged into a complete file. Its pulsing throughput conduit encodes the evidence-backed concepts of real-time speed monitoring, streaming progress, organization as merging streams, and the informational/deployment split — all without impersonating a product screenshot. It also gives the strongest zero-media composition: speed, peers, and ratios are rendered as live moving typography and scaled bars, satisfying the requirement to build a signature visual from evidence rather than mock UI. The 'signal-dial' and 'curation-lattice' directions are valid but lean toward instrument/static-index metaphors that underweight the streaming, flow-centric behavior that distinguishes a torrent manager; 'transfer-flow' prioritizes mechanism over generic marketing grammar."},"designBrief":{"schemaVersion":"dodot-design-brief-v1","selectedDirectionId":"direction-transfer-flow","projectMetaphor":"A torrent is a river of data that splits into thousands of concurrent peer streams and reconverges into a complete, verified file. The page is a living transfer pipeline where speed, peers, and progress are one continuous flow.","signatureVisual":"A horizontal segmented transfer conduit: a live 'throughput band' whose width pulses with the aggregate download/upload rate, annotated by inline markers for peers-seeding, current-speed, and completeness ratio. Built purely from fluidly scaled bars — no dashboard shell.","compositionFingerprint":"persistent-transfer-conduit-with-pulsing-throughput-band","heroGeometry":"A single wide, edge-to-edge horizontal conduit bar that is divided into one moving progress segment (cyan) and one counter-flow upload segment (amber), with a discrete seed-point dot traversing it cyclically to express concurrent peer flow.","sectionSequence":["who-the-tool-is-for","the-flow-pipeline-mechanism","transforms-management-experience","real-time-monitoring","organization-category-map","deployment-options","getting-started"],"surfaceModel":"Motion-layered glass sheets: the hero conduit sits over one continuous tinted-glass canvas; each following section is a translucent panel whose lower edge is 'cut' by the moving throughput band, so the flow always bleeds into the next section.","palette":"Deep indigo-ink base, cyan-stream active, amber-return upload, near-white informational text, low-saturation slate for structural surfaces.","typography":"A technical mono (tabular figures) for all speeds/ratios/peers, paired with a wide, geometric display sans for headings; mono unit labels keep the instrumentation feel without a device shell.","desktopComposition":"12-column grid: hero conduit spans a wide main column with the mechanism annotation beside it; following sections alternate full-bleed flow band and two-column evidence pairs; sticky section headers carry live throughput as the persistent signature beat.","mobileTransformation":"The horizontal conduit rotates to a vertical down-flow spine at the left edge; sections become stacked tunneling panels that the spine passes through; speed figures stay tabular mono and finger-sized.","mediaStrategy":"No media region (no qualified local assets); the animated transfer pipeline and typed flow-band typography are the only imagery — pure evidence-driven composition.","evidencePlan":["Real-time speed monitoring encoded as the pulsing throughput band width and tabular speed readout in the hero and persistent section headers.","Smart filtering and category/tag management expressed as the 'organization-category-map' section where torrent streams segment into category-colored collectors.","Deployment split (alternative web UI vs multi-server/path-mapping/AI Electron desktop) rendered as the 'deployment-options' section with two distinct flow branches, tied to readme evidence.","AI metadata enrichment and download-host automation represented via the 'ai-metadata-enrichment' and 'download-host-rules' treatments within the pipeline mechanism, without fabricating settings or screenshots."],"localeContract":{"zh-CN":"以简体中文书写，保持自然的中文信息密度；速度/比率/对等数保留等宽数字排印；章节顺序固定为七个，仅文案密度随语言自然变化。","en":"Written in natural English with equivalent information density; speeds/ratios/peer counts keep tabular mono; the seven-section sequence stays identical, only copy and density vary."},"forbiddenPatterns":["slogan-over-exactly-three-metric-cards","browser-terminal-dashboard-or-editor-shell","decorative-noise-grids-glow-or-particle fields","fake search-tabs-controls-charts-or-histograms","uniform card wall with identical shadow-radius-blur spacing on every section","desktop columns merely stacked on mobile without recomposition"]},"visualReview":{"schemaVersion":"dodot-automated-design-review-v1","status":"approved","summary":"$24","checks":{"projectFit":{"passed":true,"evidence":"All 7 Brief sectionSequence entries appear, in order, as data-dodot-section sections in both zh-CN.html and en.html (who-the-tool-is-for, the-flow-pipeline-mechanism, transforms-management-experience, real-time-monitoring, organization-category-map, deployment-options, getting-started). Palette matches Brief (#101230 indigo-ink base, #3fe0ff cyan stream, #ffb454 amber return, slate structural surfaces); typography pairs tabular mono with a geometric display sans; the motion-layered glass surface model and the moving flow-band bleeding between sections are implemented. Section count=7 is within the 4-7 contract."},"evidenceBound":{"passed":true,"evidence":"Claims map to material facts: qBittorrent web interface and TypeScript (extraction.facts + readme headings); real-time speed monitoring, smart filtering and category/tag management, dark mode (summary.localizations.highlights); multi-server management, path mapping, AI metadata enrichment requiring OpenAI key, download-host helper auto-adding/renaming Mikan episodes (summary.claims, readme headings). Deployment section shows the split: alternative Web UI vs Electron desktop (readme headings 'Alternative Web UI Setup' and 'Download Application'). All hrefs derive from material (experienceUrl qb-webui-site-inneis-projects.vercel.app, repository owner Torrent-Vibe, release tag desktop-v1.0.4). Numeric readouts (52.4 MB/s, 8.1 MB/s, 12.8k peers, 78%, 1.62 ratio, category counts) are clearly animated/demonstration instrumentation of the live-monitoring feature, not asserted product specs."},"signatureVisual":{"passed":true,"evidence":"The hero .conduit is a real horizontal segmented transfer conduit: a cyan segDown stream, an amber segUp counter-flow, a traversing white seed dot (seedTravel), and inline markers for live speed/seeding peers/completeness/upload rate in tabular mono. This matches Brief heroGeometry and signatureVisual exactly, built with fluidly scaled animated bars and typography with no dashboard or device shell."},"mobileTransformation":{"passed":true,"evidence":"@media (max-width:600px) genuinely recomposes the layout: the horizontal conduit rotates to a vertical left-edge spine (height auto/min-height 220px, 180deg background, segDown/segUp and seed reoriented to vertical keyframes segDownV/segUpV/seedTravelV), markers and sections stack as a down-flow ledger, and speed figures stay tabular mono. This is a structural remap, not merely stacked desktop columns."},"localeParity":{"passed":true,"evidence":"zh-CN.html (lang=zh-CN) and en.html (lang=en) share identical section structure, order, figures, and CSS (zh appends PingFang SC / Microsoft YaHei to the sans stack). Copy is natural and equivalent in information density in both languages; zh-CN reads as idiomatic Simplified Chinese and en as idiomatic English."},"antiTemplate":{"passed":true,"evidence":"The hero leads with the animated transfer conduit and inline markers rather than a slogan over exactly three metric cards. Sections vary their internal grammar (pipeline nodes, two-column stat pairs, category-collector rails, two deployment branches, 4-step flow) inside the Brief-specified glass-sheet surface model, avoiding a uniform card wall with identical spacing. No browser/terminal/dashboard/editor shell, no decorative noise-grid, no particles field."},"noFakeUi":{"passed":true,"evidence":"All .cta and .link anchors are real links to material-documented URLs. Present components are illustrative metric visuals (progress level bars echoing the flow-band motif, category rails, pipeline phases, mono readouts) rather than interactive controls, search tabs, toggles, or fake histograms. qa-report.json reports fakeControlCount=0 and brokenImageCount=0 for both locales at both viewports."}},"issues":[]},"repairEvidence":[{"attempt":1,"before":{"qaPassed":false,"designReviewApproved":false,"qaEvidence":{"zh-CN":[{"viewport":"desktop","passed":true,"localePassed":true,"metrics":{"language":"zh-CN","h1Count":1,"h2Count":7,"sectionCount":7,"textLength":1816,"cjkCount":961,"latinLetterCount":392,"scrollWidth":1280,"clientWidth":1280,"scrollHeight":4884,"h1Top":179.59375,"bottomInset":80.203125,"brokenImageCount":0,"missingAltCount":0,"fakeControlCount":0,"emptyLinkCount":0},"screenshotHashes":{"top":"eec9f907cd05f9eea99c6c3699e844173d73ecd10c8ea1193ce6233e3ac33c54","middle":"5a7b6b55549a1d03261184e9d3c3cdbf59f77ed93f77338d924ab2a29c5f3ba1","bottom":"9df0b767cfd6a2604f64046e9a94e4f26cf3d532a5d7611c4f4205b9f4a302c5"},"consoleErrors":[],"networkRequests":[]},{"viewport":"mobile","passed":false,"localePassed":true,"metrics":{"language":"zh-CN","h1Count":1,"h2Count":7,"sectionCount":7,"textLength":1816,"cjkCount":961,"latinLetterCount":392,"scrollWidth":409,"clientWidth":390,"scrollHeight":7066,"h1Top":197.1875,"bottomInset":79.828125,"brokenImageCount":0,"missingAltCount":0,"fakeControlCount":0,"emptyLinkCount":0},"screenshotHashes":{"top":"5a15d5348dbe8669700715ddf11672a480f2901b27238e2383085f8cc6acc108","middle":"686cb24ad19a2dfdc92852871db69866e914f6274eccf35e27ddae2aaa3b4ec4","bottom":"b40ffec5e7cb92475ec3ca3251111bb58aa07cc316d2a269ac595b77c9b9ed8c"},"consoleErrors":[],"networkRequests":[]}],"en":[{"viewport":"desktop","passed":true,"localePassed":true,"metrics":{"language":"en","h1Count":1,"h2Count":7,"sectionCount":7,"textLength":4323,"cjkCount":0,"latinLetterCount":3402,"scrollWidth":1280,"clientWidth":1280,"scrollHeight":5201,"h1Top":179.59375,"bottomInset":80.25,"brokenImageCount":0,"missingAltCount":0,"fakeControlCount":0,"emptyLinkCount":0},"screenshotHashes":{"top":"13e4afe5c67dd54ec734393c75ffda0ba06774ad7383fa0360b06b73f945a93c","middle":"dd77830d17808c71c8ebce1136ee8c57be5f042627ba936e400ff9628786fe1e","bottom":"27b81af15d88f09dbc79a0f1efd346a08e012b3bad05bb419ff181dc5b3952f2"},"consoleErrors":[],"networkRequests":[]},{"viewport":"mobile","passed":false,"localePassed":true,"metrics":{"language":"en","h1Count":1,"h2Count":7,"sectionCount":7,"textLength":4323,"cjkCount":0,"latinLetterCount":3402,"scrollWidth":409,"clientWidth":390,"scrollHeight":7901,"h1Top":197.1875,"bottomInset":80.265625,"brokenImageCount":0,"missingAltCount":0,"fakeControlCount":0,"emptyLinkCount":0},"screenshotHashes":{"top":"61fc5ddde1f8e39f4dc3c1aeb4d0f470e0e222118e2f6a6d5065112ecef6e6b5","middle":"637b9adb972d28a4808bb178c7b761bca4c60b5f8f06a36b328344cd7d478205","bottom":"ba9501d30a1fea1299ba006f3cc1e4404f91b08df607b18a0c5f9f27c6725160"},"consoleErrors":[],"networkRequests":[]}]},"visualReview":null},"after":{"qaPassed":true,"designReviewApproved":true,"qaEvidence":{"zh-CN":[{"viewport":"desktop","passed":true,"localePassed":true,"metrics":{"language":"zh-CN","h1Count":1,"h2Count":7,"sectionCount":7,"textLength":1816,"cjkCount":961,"latinLetterCount":392,"scrollWidth":1280,"clientWidth":1280,"scrollHeight":4884,"h1Top":179.59375,"bottomInset":80.203125,"brokenImageCount":0,"missingAltCount":0,"fakeControlCount":0,"emptyLinkCount":0},"screenshotHashes":{"top":"eec9f907cd05f9eea99c6c3699e844173d73ecd10c8ea1193ce6233e3ac33c54","middle":"5a7b6b55549a1d03261184e9d3c3cdbf59f77ed93f77338d924ab2a29c5f3ba1","bottom":"9df0b767cfd6a2604f64046e9a94e4f26cf3d532a5d7611c4f4205b9f4a302c5"},"consoleErrors":[],"networkRequests":[]},{"viewport":"mobile","passed":true,"localePassed":true,"metrics":{"language":"zh-CN","h1Count":1,"h2Count":7,"sectionCount":7,"textLength":1816,"cjkCount":961,"latinLetterCount":392,"scrollWidth":390,"clientWidth":390,"scrollHeight":7066,"h1Top":197.1875,"bottomInset":79.828125,"brokenImageCount":0,"missingAltCount":0,"fakeControlCount":0,"emptyLinkCount":0},"screenshotHashes":{"top":"b99066d377ae94776c2817dafef57a1cdf75ad1ed545e4caa3f8d04ff3062c33","middle":"f782ddeb9a68e2fb9e95a1cfaf488d31aff2e2fca995e4eccd59182427538620","bottom":"ca98e72705e273134d5e977025ba81fbf65a20982d62af134cc66e76d137b31a"},"consoleErrors":[],"networkRequests":[]}],"en":[{"viewport":"desktop","passed":true,"localePassed":true,"metrics":{"language":"en","h1Count":1,"h2Count":7,"sectionCount":7,"textLength":4323,"cjkCount":0,"latinLetterCount":3402,"scrollWidth":1280,"clientWidth":1280,"scrollHeight":5201,"h1Top":179.59375,"bottomInset":80.25,"brokenImageCount":0,"missingAltCount":0,"fakeControlCount":0,"emptyLinkCount":0},"screenshotHashes":{"top":"13e4afe5c67dd54ec734393c75ffda0ba06774ad7383fa0360b06b73f945a93c","middle":"dd77830d17808c71c8ebce1136ee8c57be5f042627ba936e400ff9628786fe1e","bottom":"27b81af15d88f09dbc79a0f1efd346a08e012b3bad05bb419ff181dc5b3952f2"},"consoleErrors":[],"networkRequests":[]},{"viewport":"mobile","passed":true,"localePassed":true,"metrics":{"language":"en","h1Count":1,"h2Count":7,"sectionCount":7,"textLength":4323,"cjkCount":0,"latinLetterCount":3402,"scrollWidth":390,"clientWidth":390,"scrollHeight":7901,"h1Top":197.1875,"bottomInset":80.265625,"brokenImageCount":0,"missingAltCount":0,"fakeControlCount":0,"emptyLinkCount":0},"screenshotHashes":{"top":"b8e64d6a175dc729d117354e3f8210102d22ff0571f7452650191fcbf8caac6f","middle":"15252066e09c4f866a6ff9b35673cb5c6cc7e446de71fa5bb5cb69476f37cc4c","bottom":"7d26eff21213e0535b34136ed06f2d2443d710fea0b415d04b05dc1aef39ce0e"},"consoleErrors":[],"networkRequests":[]}]},"visualReview":{"schemaVersion":"dodot-automated-design-review-v1","status":"approved","summary":"$25","checks":{"projectFit":{"passed":true,"evidence":"All 7 Brief sectionSequence entries appear, in order, as data-dodot-section sections in both zh-CN.html and en.html (who-the-tool-is-for, the-flow-pipeline-mechanism, transforms-management-experience, real-time-monitoring, organization-category-map, deployment-options, getting-started). Palette matches Brief (#101230 indigo-ink base, #3fe0ff cyan stream, #ffb454 amber return, slate structural surfaces); typography pairs tabular mono with a geometric display sans; the motion-layered glass surface model and the moving flow-band bleeding between sections are implemented. Section count=7 is within the 4-7 contract."},"evidenceBound":{"passed":true,"evidence":"Claims map to material facts: qBittorrent web interface and TypeScript (extraction.facts + readme headings); real-time speed monitoring, smart filtering and category/tag management, dark mode (summary.localizations.highlights); multi-server management, path mapping, AI metadata enrichment requiring OpenAI key, download-host helper auto-adding/renaming Mikan episodes (summary.claims, readme headings). Deployment section shows the split: alternative Web UI vs Electron desktop (readme headings 'Alternative Web UI Setup' and 'Download Application'). All hrefs derive from material (experienceUrl qb-webui-site-inneis-projects.vercel.app, repository owner Torrent-Vibe, release tag desktop-v1.0.4). Numeric readouts (52.4 MB/s, 8.1 MB/s, 12.8k peers, 78%, 1.62 ratio, category counts) are clearly animated/demonstration instrumentation of the live-monitoring feature, not asserted product specs."},"signatureVisual":{"passed":true,"evidence":"The hero .conduit is a real horizontal segmented transfer conduit: a cyan segDown stream, an amber segUp counter-flow, a traversing white seed dot (seedTravel), and inline markers for live speed/seeding peers/completeness/upload rate in tabular mono. This matches Brief heroGeometry and signatureVisual exactly, built with fluidly scaled animated bars and typography with no dashboard or device shell."},"mobileTransformation":{"passed":true,"evidence":"@media (max-width:600px) genuinely recomposes the layout: the horizontal conduit rotates to a vertical left-edge spine (height auto/min-height 220px, 180deg background, segDown/segUp and seed reoriented to vertical keyframes segDownV/segUpV/seedTravelV), markers and sections stack as a down-flow ledger, and speed figures stay tabular mono. This is a structural remap, not merely stacked desktop columns."},"localeParity":{"passed":true,"evidence":"zh-CN.html (lang=zh-CN) and en.html (lang=en) share identical section structure, order, figures, and CSS (zh appends PingFang SC / Microsoft YaHei to the sans stack). Copy is natural and equivalent in information density in both languages; zh-CN reads as idiomatic Simplified Chinese and en as idiomatic English."},"antiTemplate":{"passed":true,"evidence":"The hero leads with the animated transfer conduit and inline markers rather than a slogan over exactly three metric cards. Sections vary their internal grammar (pipeline nodes, two-column stat pairs, category-collector rails, two deployment branches, 4-step flow) inside the Brief-specified glass-sheet surface model, avoiding a uniform card wall with identical spacing. No browser/terminal/dashboard/editor shell, no decorative noise-grid, no particles field."},"noFakeUi":{"passed":true,"evidence":"All .cta and .link anchors are real links to material-documented URLs. Present components are illustrative metric visuals (progress level bars echoing the flow-band motif, category rails, pipeline phases, mono readouts) rather than interactive controls, search tabs, toggles, or fake histograms. qa-report.json reports fakeControlCount=0 and brokenImageCount=0 for both locales at both viewports."}},"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":"8c27e3d6291ea6a3916860efdcaaba437f1b26847aadefa35c43ff0329d95413","artifactHash":"613210471dceef930a4360e33971a880b10e4fe9e2af9ea3ada1f6993e24f871","designSkill":"dodot-showcase-design"},"qaEvidence":{"zh-CN":[{"viewport":"desktop","passed":true,"localePassed":true,"metrics":{"language":"zh-CN","h1Count":1,"h2Count":7,"sectionCount":7,"textLength":1816,"cjkCount":961,"latinLetterCount":392,"scrollWidth":1280,"clientWidth":1280,"scrollHeight":4884,"h1Top":179.59375,"bottomInset":80.203125,"brokenImageCount":0,"missingAltCount":0,"fakeControlCount":0,"emptyLinkCount":0},"screenshotHashes":{"top":"eec9f907cd05f9eea99c6c3699e844173d73ecd10c8ea1193ce6233e3ac33c54","middle":"5a7b6b55549a1d03261184e9d3c3cdbf59f77ed93f77338d924ab2a29c5f3ba1","bottom":"9df0b767cfd6a2604f64046e9a94e4f26cf3d532a5d7611c4f4205b9f4a302c5"},"consoleErrors":[],"networkRequests":[]},{"viewport":"mobile","passed":true,"localePassed":true,"metrics":{"language":"zh-CN","h1Count":1,"h2Count":7,"sectionCount":7,"textLength":1816,"cjkCount":961,"latinLetterCount":392,"scrollWidth":390,"clientWidth":390,"scrollHeight":7066,"h1Top":197.1875,"bottomInset":79.828125,"brokenImageCount":0,"missingAltCount":0,"fakeControlCount":0,"emptyLinkCount":0},"screenshotHashes":{"top":"b99066d377ae94776c2817dafef57a1cdf75ad1ed545e4caa3f8d04ff3062c33","middle":"f782ddeb9a68e2fb9e95a1cfaf488d31aff2e2fca995e4eccd59182427538620","bottom":"ca98e72705e273134d5e977025ba81fbf65a20982d62af134cc66e76d137b31a"},"consoleErrors":[],"networkRequests":[]}],"en":[{"viewport":"desktop","passed":true,"localePassed":true,"metrics":{"language":"en","h1Count":1,"h2Count":7,"sectionCount":7,"textLength":4323,"cjkCount":0,"latinLetterCount":3402,"scrollWidth":1280,"clientWidth":1280,"scrollHeight":5201,"h1Top":179.59375,"bottomInset":80.25,"brokenImageCount":0,"missingAltCount":0,"fakeControlCount":0,"emptyLinkCount":0},"screenshotHashes":{"top":"13e4afe5c67dd54ec734393c75ffda0ba06774ad7383fa0360b06b73f945a93c","middle":"dd77830d17808c71c8ebce1136ee8c57be5f042627ba936e400ff9628786fe1e","bottom":"27b81af15d88f09dbc79a0f1efd346a08e012b3bad05bb419ff181dc5b3952f2"},"consoleErrors":[],"networkRequests":[]},{"viewport":"mobile","passed":true,"localePassed":true,"metrics":{"language":"en","h1Count":1,"h2Count":7,"sectionCount":7,"textLength":4323,"cjkCount":0,"latinLetterCount":3402,"scrollWidth":390,"clientWidth":390,"scrollHeight":7901,"h1Top":197.1875,"bottomInset":80.265625,"brokenImageCount":0,"missingAltCount":0,"fakeControlCount":0,"emptyLinkCount":0},"screenshotHashes":{"top":"b8e64d6a175dc729d117354e3f8210102d22ff0571f7452650191fcbf8caac6f","middle":"15252066e09c4f866a6ff9b35673cb5c6cc7e446de71fa5bb5cb69476f37cc4c","bottom":"7d26eff21213e0535b34136ed06f2d2443d710fea0b415d04b05dc1aef39ce0e"},"consoleErrors":[],"networkRequests":[]}]}},"generatorVersion":"opencode-1.1.58:deepseek/deepseek-v4-flash:dodot-showcase-deepseek-v4","publishedAt":"2026-08-20T09:28:51.837Z"},"rawExtraction":{"projectRevisionId":"cmt2zh3bf01qx6271la8qu00j","projectVersion":1,"sources":[{"canonicalKey":"github:torrent-vibe/torrent-vibe","role":"primary","revisionVersion":1,"url":"https://github.com/Torrent-Vibe/Torrent-Vibe"}],"facts":[{"key":"repository_owner","value":"torrent-vibe","evidence":[{"path":"repository.owner","excerpt":"torrent-vibe"}]},{"key":"repository_name","value":"torrent-vibe","evidence":[{"path":"repository.name","excerpt":"torrent-vibe"}]},{"key":"description","value":"Torrent Vibe, a modern, elegant web interface for qBittorrent that transforms your torrent management experience with enhanced performance, intuitive design, and cross-platform compatibility.","evidence":[{"path":"repository.description","excerpt":"Torrent Vibe, a modern, elegant web interface for qBittorrent that transforms your torrent management experience with enhanced performance, intuitive design, and cross-platform compatibility."}]},{"key":"primary_language","value":"TypeScript","evidence":[{"path":"repository.language","excerpt":"TypeScript"}]},{"key":"topics","value":"ai, qbittorent, torrent, torrent-vibe, torrentvibe, vibe, web-ui","evidence":[{"path":"repository.topics","excerpt":"ai, qbittorent, torrent, torrent-vibe, torrentvibe, vibe, web-ui"}]},{"key":"source_count","value":"1","evidence":[{"path":"projectRevision.sources","excerpt":"github:torrent-vibe/torrent-vibe"}]}],"taxonomy":{"category":"development_tools","subcategory":"data_ai_tools","confidence":0.65,"evidence":[{"path":"repository.description","excerpt":"Torrent Vibe, a modern, elegant web interface for qBittorrent that transforms your torrent management experience with enhanced performance, intuitive design, and cross-platform compatibility."}]},"lifecycle":{"stage":"active","confidence":0.75,"evidence":[{"path":"repository.pushedAt","excerpt":"2026-08-17T10:31:01.000Z"}]},"userIntents":[{"slug":"build_software","label":"构建或改进软件","confidence":0.65,"evidence":[{"path":"repository.description","excerpt":"Torrent Vibe, a modern, elegant web interface for qBittorrent that transforms your torrent management experience with enhanced performance, intuitive design, and cross-platform compatibility."}]},{"slug":"automate_work","label":"自动化工作流程","confidence":0.65,"evidence":[{"path":"repository.description","excerpt":"Torrent Vibe, a modern, elegant web interface for qBittorrent that transforms your torrent management experience with enhanced performance, intuitive design, and cross-platform compatibility."}]},{"slug":"create_content","label":"创作内容或设计","confidence":0.65,"evidence":[{"path":"repository.description","excerpt":"Torrent Vibe, a modern, elegant web interface for qBittorrent that transforms your torrent management experience with enhanced performance, intuitive design, and cross-platform compatibility."}]},{"slug":"analyze_data","label":"分析与理解数据","confidence":0.65,"evidence":[{"path":"repository.description","excerpt":"Torrent Vibe, a modern, elegant web interface for qBittorrent that transforms your torrent management experience with enhanced performance, intuitive design, and cross-platform compatibility."}]},{"slug":"learn_explore","label":"学习与探索","confidence":0.65,"evidence":[{"path":"repository.description","excerpt":"Torrent Vibe, a modern, elegant web interface for qBittorrent that transforms your torrent management experience with enhanced performance, intuitive design, and cross-platform compatibility."}]}],"readme":{"headings":["Torrent Vibe - Modern qBittorrent Client","What is Torrent Vibe?","Download Application","Alternative Web UI Setup","Key Features","🎨 Modern Interface","⚡ Real-time Monitoring","📁 Smart Organization","⚙️ Advanced Controls","🗂️ Multi-Server Management (Electron)","🔗 Path Mapping (Electron)","🤖 AI-Powered Metadata Enrichment (Electron)","Who Should Use This?","Community & Support"],"commands":[]},"changeSet":[{"field":"repository","beforeHash":"e3cf506013ba6a0062cc78084da0817593fcfea72087ee4498c16ee7efe7912d","afterHash":"bc0859eeabb9beadce0555b8412df48d1db8066438f473c3ebe95d19022def98"}]},"publishedAt":"2026-08-16T12:14:17.476Z","updatedAt":"2026-08-21T13:26:54.248Z","summary":{"id":"cmt2zh3bh01qz6271gs73caxb","projectType":"product","oneLine":"为 qBittorrent 打造的现代 Web 界面","overview":"Torrent Vibe 是一个现代、优雅的 qBittorrent Web 界面，提供实时速度监控、智能过滤、分类标签管理以及深色模式。桌面版支持多服务器管理、路径映射和 AI 元数据增强（需 OpenAI API 密钥）。适合希望以更美观、更高效的方式管理种子下载的用户。","highlights":["实时速度监控","智能过滤与分类","多服务器管理","AI 元数据增强"],"bestFor":["希望美化 qBittorrent 界面的用户","需要多服务器管理的用户","喜欢自动化下载流程的用户"],"caveats":["AI 功能需要 OpenAI API 密钥","多服务器管理仅限桌面版","Web 版仅支持单服务器"],"categorySuggestion":"productivity","subcategorySuggestion":"automation_workflows","lifecycleStages":["deployment_growth"],"audienceIntents":["evaluate","operate","discover"],"confidence":0.8,"evidence":[{"claim":"Torrent Vibe 是 qBittorrent 的现代、优雅的 Web 界面，提供增强的性能、直观的设计和跨平台兼容性。","sourceType":"description","locator":"https://github.com/Torrent-Vibe/Torrent-Vibe"},{"claim":"它可作为替代 Web UI 安装到现有 qBittorrent 中，通过下载 web 包并配置 qBittorrent 的 Web UI 设置。","sourceType":"readme","locator":"https://github.com/Torrent-Vibe/Torrent-Vibe"},{"claim":"桌面版（Electron）支持多服务器管理、路径映射和 AI 元数据增强（需要 OpenAI API 密钥）。","sourceType":"readme","locator":"https://github.com/Torrent-Vibe/Torrent-Vibe"},{"claim":"最新桌面版 v1.0.4 添加了下载主机助手，可自动添加和重命名 Mikan 订阅的剧集。","sourceType":"release","locator":"https://github.com/Torrent-Vibe/Torrent-Vibe/releases/tag/desktop-v1.0.4"}],"publishedAt":"2026-08-17T13:48:01.435Z"},"github":{"url":"https://github.com/Torrent-Vibe/Torrent-Vibe","ownerAvatarUrl":"https://avatars.githubusercontent.com/u/229155801?v=4","starsCount":157,"forksCount":8,"language":"TypeScript","syncedAt":"2026-08-17T13:44:29.543Z","license":null,"defaultBranch":"main","archived":false,"disabled":false,"lastChangedAt":"2026-08-17T10:31:01.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}}}]}],"$L26"]

想让传输界面更顺手的人

一条种子 = 一条分叉又汇流的管道

从「面板」升级为「一条流动主线」

速度与健康，一眼可读

整理 = 让支流汇入各自的收集器

同一条河流，两条进入方式

替代 Web 界面

桌面客户端 (Electron)

现在就接入这条河流

For people who wanttheir transfer interface to flow better

A torrent is a pipeline that forks, then reconverges

From a "panel" to a single flowing line

Speed and health, at a glance

Organizing = routing each stream into its own collector

The same river, two ways in

Alternative web interface

Desktop client (Electron)

Plug into the river now

想让传输界面
更顺手的人

For people who want
their transfer interface to flow better