1f:"$Sreact.view_transition" 20:I[9754,["/_next/static/chunks/2qcf_o2xotudn.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/1ucasf31l8j2v.js","/_next/static/chunks/0yj6_8vip2oqy.js","/_next/static/chunks/2l5xdnifczg1b.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"] 21:T574f, ditto · 你的内容，你的风格，你的规则

Nostr · 开源 · 去中心化

你的内容，
你的风格，
你的规则。

一个把界面握回自己手里的去中心化社交客户端。

19 个 CSS 令牌，9 个内置主题预设。你定规则，其余交给 Nostr。

访问 ditto.pub → GitHub 源码

01 · 主题刻度盘

旋转这个刻度盘，整页界面跟着你的令牌变。

主题不是一个角落里的下拉选项，而是一组可以亲手改写的 CSS 令牌。被选中的令牌把它的颜色送到界面每个交界面、圆角和阴影上——一套规则，处处生效。

9 个内置主题预设

个个可发布、可分享为 Nostr 事件

主题会作为 Nostr 事件被发布和分享——你的规则不止留在客户端里，还能随着你走。

02 · 内容不止一种形状

一篇笔记、一场直播、一局地理寻宝——都在同一条流里。

Nostr 的流什么都装得下。每种内容类型由各自的令牌规则限定它如何被渲染，而不是被塞进统一的卡片模具。

文本笔记短笺与想法，默认的形态

长文章结构化的长篇

短视频竖幅的碎片

色彩时刻圆形一枚色板

直播实时信号

投票现场统计

Webxdc 迷你应用可分享小工具

关注包一组账号

魔法卡组成套卡片

地理寻宝位置标点

03 · 令牌是你的遥控器

每一条令牌，都是你给界面的一道指令。

不必去翻「外观设置」。token 本身就该被直接改写——一个令牌改了，客户端里所有对应部位立刻响应。你的风格，真的由你做主。

--space / --radius / --gap

节奏由令牌编排

留白、圆角与间距全部来自令牌，换一组值，版式立即重排。

--color-fg / --color-bg

墨色与纸张可换

前景与背景令牌决定明暗基调，令牌一变，整个观感翻转。

--bezier / --shadow

动效与投影可塑

缓动曲线与阴影令牌拿捏表面的触感，像在调一件乐器。

主题即事件

规则可以被分享

把整套令牌发布成 Nostr 事件，别处一键即可套用你的风格。

--color-bg背景
--color-fg前景
--color-accent强调
--radius-md圆角
--space-2间距
--bezier缓动

04 · 构建到静态文件

没有常驻主机，只要有能放静态文件的地方就行。

ditto 构建为纯静态的 HTML/JS/CSS，不依赖某一台托管的服务器——把你的位子搬到每一个你能控制的地方。

GITHUB PAGESGitHub Pages免运维托管

NETLIFYNetlify推送即发布

VERCELVercel全球边缘节点

VPS / PIVPS · Raspberry Pi完全握在自己手上

ANDROIDAndroid 原生经 Capacitor 打包

Nostr · React 18 · Vite · TypeScript · TailwindCSS 3 · shadcn/ui · AGPL-3.0

规则属于你

内容、风格、规则，
三样都由你说了算。

把界面握回手里，也把自己的数据握回手里。ditto 是开源项目（AGPL-3.0），你大可以阅读、改造、自托管它的每一行代码。

访问 ditto.pub →

GitHub 源码 ·soapbox-pub ·AGPL-3.0 ·Nostr

22:T56ac, ditto · Your content. Your vibe. Your rules.

Nostr · open source · decentralized

Your content.
Your vibe.
Your rules.

A decentralized social client that hands the interface back to you.

19 CSS tokens, 9 built-in presets. You set the rules; Nostr handles the rest.

Visit ditto.pub → Source on GitHub

01 · The theme dial

Turn the dial, and the whole interface turns with your tokens.

A theme isn't a dropdown buried in settings — it's the CSS tokens you choose to rewrite. The selected token drives its colour into every surface, radius and shadow across the client. One rule, applied everywhere.

Built-in theme presets

nine in all, each publishable and shareable as a Nostr event

A theme can be published and shared as a Nostr event — your rules aren't locked inside the client, they travel with you.

02 · Content comes in many shapes

A note, a live stream, a geocache — all in the same feed.

A Nostr stream holds almost anything. Each content type is governed by its own token rule for how it renders — none of them squeezed into a uniform card mould.

Text notesshort posts and thoughts, the default shape

Articlesstructured long reads

Short videosportrait fragments

Color momentsa single colour swatch

Live streamsreal-time feed

Pollslive tallies

Webxdc mini-appssharable little tools

Follow packsa bundle of accounts

Magic deckssets of cards

Geocachingpinned locations

03 · The token is your remote control

Every token is an instruction you give the interface.

Skip the appearance menu. Tokens are meant to be rewritten directly — change one and every matching surface in the client responds at once. Your vibe is genuinely yours.

--space / --radius / --gap

Rhythm, choreographed by tokens

Whitespace, radius and spacing all come from tokens. Swap a set of values and the layout re-composes instantly.

--color-fg / --color-bg

Swappable ink and paper

The foreground and background tokens decide the light-and-dark baseline. Flip them and the whole mood turns over.

--bezier / --shadow

Shapeable motion and depth

Easing-curve and shadow tokens tender the surface's feel — like tuning an instrument.

a theme is an event

Rules you can share

Publish your whole token set as a Nostr event, and someone else applies your style with a single tap.

--color-bgbackground
--color-fgforeground
--color-accentaccent
--radius-mdcorner
--space-2spacing
--beziereasing

04 · Builds to static files

No permanent server — just somewhere that can hold static files.

ditto builds to plain static HTML/JS/CSS. It doesn't depend on any single host, so you can place your instance wherever you can control it.

GITHUB PAGESGitHub Pagescarefree hosting

NETLIFYNetlifypublish on push

VERCELVercelglobal edge network

VPS / PIVPS · Raspberry Pientirely in your hands

ANDROIDNative Androidpackaged via Capacitor

Nostr · React 18 · Vite · TypeScript · TailwindCSS 3 · shadcn/ui · AGPL-3.0

The rules are yours

Content, vibe and rules —
all three are yours to decide.

Hand the interface back to yourself, and your data right along with it. ditto is open source (AGPL-3.0) — read it, remix it and self-host every line.

Visit ditto.pub →

Source on GitHub ·soapbox-pub ·AGPL-3.0 ·Nostr

a:[["$","$1f",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":["$","$L20","cmt2zh2y901kw6271dns4jj7u:zh-CN:beautified",{"project":{"id":"cmt2zh2y901kw6271dns4jj7u","slug":"soapbox-pub-ditto","name":"ditto","description":"基于 Nostr 的可定制去中心化社交客户端。","authorName":"soapbox-pub","authorVerification":{"verified":false,"verifiedAt":null},"category":"development_tools","subcategory":"data_ai_tools","experienceUrl":"https://ditto.pub/","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":"cmt2zh2yn01l86271qqex5acn","kind":"artifact","artifact":{"schemaVersion":"localized-static-html-v4","kind":"static_html","locales":["zh-CN","en"],"defaultLocale":"zh-CN","documents":{"zh-CN":"$21","en":"$22"},"designDirections":{"schemaVersion":"dodot-design-directions-v1","directions":[{"id":"dir-theme-dial","name":"The Theme Dial","projectMetaphor":"Ditto is a client where your identity is defined by the CSS token rules you choose — 19 CSS tokens, 9 presets, treated as a personal dial you rotate to make the whole interface yours.","signatureVisual":"A drawn-out circular theme dial: concentric rings of stacked swatch segments, with segments representing the 19 CSS tokens, one segment pulled forward and enlarged to show a chosen 'rule' as a live token swatch.","heroGeometry":"A dominant off-center circle of concentric token bands, with one user-selected segment rotated to face the headline, breaking the ring to point at the tagline.","sectionSequence":["claim","token-dial","content-types","control-explainer","deployment","closing"],"surfaceModel":"Two paper planes of equal visual weight: a light 'owned content' surface for text/notes and a near-black 'rule' surface for the dial controls, separated by a sharp diagonal seam.","palette":"A base off-white content plane, a single accent that the #selectedRule# token drives on the control plane, deep charcoal ink for type, with saturated token swatches (violet/teal/amber/green) reserved for the dial only.","typography":"A condensed display serif for claims, Ussrss. A mono font for the 19 CSS token identifiers and rule values on the dial.","desktopComposition":"Left-aligned claim column; the theme dial occupies the right 3/5 as a true rotated ring; later sections are single-column with a persistent thin token-rule rail running down the right edge.","mobileTransformation":"The dial flattens into a horizontal single-row token track that you swipe; each swipe reveals its token rule; the persistent rail becomes a collapsed bottom token strip swiping between both planes.","mediaStrategy":"No media assets exist and none are imported. The signature visual is derived from the token vocabulary (19 token identifiers + 9 preset names + rule values), not a fake screenshot.","forbiddenPatterns":["hero slogan over three metric cards","feature card wall that could accept any project","fake UI shell (browser, phone, terminal, editor, dashboard)","decorative glow/particle field as the visual"],"compositionFingerprint":"off-center concentric token dial + persistent right-edge token-rule rail + diagonal seam between content and rule planes"},{"id":"dir-relay-replication","name":"The Replication Star","projectMetaphor":"Ditto's name means 'copy'. The core mechanism is a note being replicated (dittoed) across the Nostr relay mesh, yet each copy still belongs to you — content, vibe and rules travel with the identity.","signatureVisual":"A central note node radiating a set of curved spokes to surrounding relay nodes, each node carrying one small identity seed (a token swatch and a rule hash) so every copy keeps your identity intact.","heroGeometry":"A hub-and-spoke star: one bright note node at 1/3-left, four or five relay nodes arrayed on arcs in the right 2/3, connected by curved replication arcs.","sectionSequence":["claim","replication-star","identity-travels","content-types","self-host-deploy","closing"],"surfaceModel":"A graph/mesh surface on deep ink, with node surfaces as small light cards that recede; the connection-arc layer is the active surface.","palette":"Deep ink field, warm relay-node amber nodes, a bright identity-seed accent (coral) on the note node and its traveling copies, token swatches reserved for the identity seeds.","typography":"A geometric grotesque for claims, a mono font for the per-copy 'rule hash' identifiers at each relay node.","desktopComposition":"The replication star spans the full hero as the ruling composition; later sections alternate between node-card clusters (identity, content) and a wide deployment band flowing like relay arcs.","mobileTransformation":"The star collapses into a vertical replication chain: one note node feeds copies downward; arcs become the vertical connectors between stacked content cards.","mediaStrategy":"No local media. The signature visual is the hub-and-spoke replication relationship itself, encoded as arc lengths and identity seeds, not a product screenshot.","forbiddenPatterns":["generic slogan with three metric cards","interchangeable feature-card wall","fake app/device shell","glow/particle background standing in for a real idea"],"compositionFingerprint":"hub-and-spoke replication star + curved identity-arc linework + per-copy rule-hash labels, all on a graph surface"},{"id":"dir-fragment-matrix","name":"The Rules Matrix","projectMetaphor":"A Nostr feed is an assembly of many content fragments — note, article, short video, live, poll, follow pack, color moment, magic deck, geocache, webxdc — all held and governed by one set of tokens you define.","signatureVisual":"A pinboard matrix of mixed-content fragments of different shapes (plaque note, wide video, circular color moment, small poll) each clipped by a labeled CSS-token rule that visibly governs how it is rendered.","heroGeometry":"An asymmetric 3x2 fragment matrix where the top-left fragment is largest and serves as the note anchor, fragments clipped by light token-rule corners rather than uniform cards.","sectionSequence":["claim","fragment-matrix","token-rules","owned-identity","deploy-anywhere","closing"],"surfaceModel":"A pinboard/dashboard of heterogeneous fragment surfaces with unequal radii, shadows and borders — deliberately NOT a uniform card scale — clipped together by a thin token-rule frame.","palette":"Cool paper-gray pinboard, each fragment in its own muted tint, unified by a single governing accent that appears only as the token-rule corners; ink for copy.","typography":"A high-x-height humanist sans for claims, a mono font for the visible corner rule identifiers (note, poll, geo, live).","desktopComposition":"The fragment matrix is the hero's ruling grid, heterogeneous and asymmetric; the claim overlays the blank top-left region; later sections become wider single-frame compositions of fragments.","mobileTransformation":"The matrix collapses into a vertical single-column fragment stack, each fragment clipped in sequence by its own token-rule corner, preserving differing shapes and proportions.","mediaStrategy":"No local media. Each fragment is an evidence-derived glyph (a text-note block, a poll bar, a location marker) — native HTML structure, not an imported product image.","forbiddenPatterns":["two-word slogan over three metric cards","identical repeated card wall","fake device/editor shell","uniform radius/shadow/spacing on every section"],"compositionFingerprint":"asymmetric mixed-fragment pinboard + token-rule clipped corners + unequal fragment scale with per-fragment surfaces"}],"selectedDirectionId":"dir-theme-dial","selectionRationale":"Direction A most directly expresses Ditto's defining mechanism: identity-as-rules, where 19 CSS tokens and 9 presets let a user own the interface. Its concentric theme-dial is the only composition that shows the 'your rules' proposition as the actual subject rather than a caption, and its token-driven accent proves the theming claim structurally. Direction B (replication star) captures the decentralized-copy mechanism but risks reading as a generic network diagram; Direction C (rules matrix) is strong on the mixed-content claim but its hero reads closer to a generic dashboard. A combines the highest evidence fit (tokens + presets + custom theming), the most project-specific signature visual, and avoids all forbidden defaults, which is why it is selected."},"designBrief":{"schemaVersion":"dodot-design-brief-v1","selectedDirectionId":"dir-theme-dial","projectMetaphor":"Ditto is a client where your identity is defined by the CSS token rules you choose — 19 CSS tokens, 9 presets, treated as a personal dial you rotate to make the whole interface yours.","signatureVisual":"A drawn-out circular theme dial: concentric rings of stacked swatch segments, with segments representing the 19 CSS tokens, one segment pulled forward and enlarged to show a chosen 'rule' as a live token swatch.","compositionFingerprint":"off-center concentric token dial + persistent right-edge token-rule rail + diagonal seam between content and rule planes","heroGeometry":"A dominant off-center circle of concentric token bands, with one user-selected segment rotated to face the headline, breaking the ring to point at the tagline.","sectionSequence":["claim","token-dial","content-types","control-explainer","deployment","closing"],"surfaceModel":"Two paper planes of equal visual weight: a light 'owned content' surface for text/notes and a near-black 'rule' surface for the dial controls, separated by a sharp diagonal seam.","palette":"A base off-white content plane, a single accent that the #selectedRule# token drives on the control plane, deep charcoal ink for type, with saturated token swatches (violet/teal/amber/green) reserved for the dial only.","typography":"A condensed display serif for claims, Ussrss. A mono font for the 19 CSS token identifiers and rule values on the dial.","desktopComposition":"Left-aligned claim column; the theme dial occupies the right 3/5 as a true rotated ring; later sections are single-column with a persistent thin token-rule rail running down the right edge.","mobileTransformation":"The dial flattens into a horizontal single-row token track that you swipe; each swipe reveals its token rule; the persistent rail becomes a collapsed bottom token strip swiping between both planes.","mediaStrategy":"No media assets exist and none are imported. The signature visual is derived from the token vocabulary (19 token identifiers + 9 preset names + rule values), not a fake screenshot.","evidencePlan":["Show the theme-claim evidence: render 9 distinct preset names and a 19-token band so the token count is demonstrably present in the visual, not stated as prose.","Show the rules-ownership evidence by labeling the pulled-forward dial segment with an actual token identifier and a rule value, tying the visual to the 'your rules' claim.","Use only verified facts from material.json — Nostr protocol, 19 CSS tokens, 9 presets, content types, sats zapping, static deployment, Android via Capacitor — and omit any unverified metric or testimonial."],"localeContract":{"zh-CN":"你的内容，你的风格，你的规则。基于 Nostr 的去中心化社交客户端；19 个 CSS 令牌、9 个主题预设，主题可作为 Nostr 事件发布分享；支持文本笔记、文章、短视频、直播、投票、关注包、色彩时刻、魔法卡组、地理寻宝和 Webxdc 迷你应用；支持闪电网络 sats 打赏；构建为静态文件，可部署到任意平台并支持 Android。","en":"Your content. Your vibe. Your rules. An open-source decentralized social client on Nostr; 19 CSS tokens and 9 built-in theme presets whose themes can be published and shared as Nostr events; supports text notes, articles, short videos, live streams, polls, follow packs, color moments, magic decks, geocaching, and Webxdc mini-apps; zapping with sats; builds to static files deployable anywhere and supports Android."},"forbiddenPatterns":["hero slogan over three metric cards","feature card wall that could accept any project","fake UI shell (browser, phone, terminal, editor, dashboard)","decorative glow/particle field as the signature visual","uniform radius, shadow, blur and spacing scale applied to every section"]},"visualReview":{"schemaVersion":"dodot-automated-design-review-v1","status":"approved","summary":"页面忠实实现了选定的 dir-theme-dial 方向：同心令牌刻度盘作为签名视觉真实存在（含当前令牌 --color-accent/#7C5CFF 被拉出放大并标注 selected rule），右侧持久令牌轨与内容/规则两平面的对角接缝均落地。所有文案均有 material.json 事实依据，无伪造指标或无依据设备壳。双语六个章节结构一致、文案自然对等。手机端形成了实质重构（网格塌缩为单列、令牌轨转为底部条带），仅刻度盘本身保留了圆形缩小而非按要求平铺为横向滑动轨道，属于对 brief 的单点偏差，非阻断。status 判为 approved。","checks":{"projectFit":{"passed":true,"evidence":"六章节序列 claim/token-dial/content-types/control-explainer/deployment/closing 与 design-brief.json sectionSequence 完全一致；签名视觉(dir-theme-dial)的同心令牌刻度盘、拉出的当前规则令牌、右侧持久令牌轨(.rail fixed right)及对角接缝(rule-plane clip-path polygon)均出现于源码。"},"evidenceBound":{"passed":true,"evidence":"19 CSS 令牌、9 主题预设、主题可作 Nostr 事件发布分享、10 种内容类型(文本笔记/文章/短视频/直播/投票/关注包/色彩时刻/魔法卡组/地理寻宝/Webxdc)、静态部署至 GitHub Pages/Netlify/Vercel/VPS/Raspberry Pi、Android 经 Capacitor、技术栈 React18/Vite/TS/Tailwind3/shadcn、AGPL-3.0 全部见证于 material.json readme/facts，无捏造指标。"},"signatureVisual":{"passed":true,"evidence":"section token-dial 中的 master-dial SVG 呈现同心环(token bands)+四段彩色 token 弧标，并将当前令牌块(rect fill violet + text '--color-accent'/ '#7C5CFF'/'selected rule')拉出放大，即签名视觉，是证据派生的令牌词汇绘制，非截图。"},"mobileTransformation":{"passed":true,"evidence":"390px 下 claim 塌缩为单列堆叠、令牌轨(.rail)由右侧竖条转为底部 44px 横条并显示 '19 tokens · 9 presets'、content-types 矩阵崩溃为单列、ctrl-grid 与 token-grid 塌缩、targets 全宽，形成实质重构；仅刻度盘仍为缩小圆形而非 brief 所述平铺横向滑动轨道(见 issues)。"},"localeParity":{"passed":true,"evidence":"zh-CN 与 en 均为同类 6 章节、同结构与同视觉；标题、口号(你的内容/你的风格/你的规则 vs Your content/Your vibe/Your rules)、各章节文案均为地道自然对译，内容量对等(e.g. presets 注释 9 预设、10 内容类型一一对应)。"},"antiTemplate":{"passed":true,"evidence":"Hero 采用两平面对角接缝，未回退为口号+三指标卡；内容类型用非对称异构碎片(wide/tall/circ)而非统一卡片墙；无浏览器/手机/终端/编辑器/仪表盘等无依据设备壳；无装饰性发光粒子背景；签名视觉为令牌刻度盘非通用渐变网格。"},"noFakeUi":{"passed":true,"evidence":"QA 报告 fakeControlCount=0 且源码核对一致；CTA 指向真实 ditto.pub 与 GitHub 仓库；master-dial 为 role=img+aria-label 的装饰 SVG；ctrl 内 .demo 为示意见条并非可交互假控件；无空链接(broken/empty links 均为 0)。"}},"issues":[{"code":"mobile-dial-not-flattened","severity":"warning","locale":"all","description":"design-brief.json mobileTransformation 指定刻度盘在移动端平铺为可横向滑动的单行令牌轨道并逐条显示规则值，但实际仅将 .master-dial 缩小至 300px 仍保留圆形；令牌轨确实改为底部条带。","repairInstruction":"可将移动端刻度盘改为横向滚动(overflow-x)的单行 token 片段，或至少将当前开关令牌规则文本平铺显示，以贴合 brief 的 mobileTransformation 描述。"}]},"repairEvidence":[],"provenance":{"executor":"opencode","model":"deepseek/deepseek-v4-flash","opencodeVersion":"1.1.58","promptVersion":"dodot-showcase-deepseek-v4","inputHash":"9d9e4f09cbceed2ff950991d70cce848f221cda865a7b7a56ca6b276d8c85de2","artifactHash":"cedf08015b4a77a33ceeaa7988b1a569b682fd48f470c83a2c5a6ab00499bd98","designSkill":"dodot-showcase-design"},"qaEvidence":{"zh-CN":[{"viewport":"desktop","passed":true,"localePassed":true,"metrics":{"language":"zh-CN","h1Count":1,"h2Count":4,"sectionCount":6,"textLength":1543,"cjkCount":715,"latinLetterCount":422,"scrollWidth":1280,"clientWidth":1280,"scrollHeight":5184,"h1Top":210.625,"bottomInset":79.59375,"brokenImageCount":0,"missingAltCount":0,"fakeControlCount":0,"emptyLinkCount":0},"screenshotHashes":{"top":"5b1b33bbe75931d16a97bbe229adb0eb2b4b2ecf0a968a0de3991364bbdd7977","middle":"bb85cde503f5373bb31b8f4c59f40e832000a3a04c910d2efdaf8346a202cc03","bottom":"97c8e459290ac1929a67c2d7bbf90322d7b09510efbeec279ceb11d6cf66ecd6"},"consoleErrors":[],"networkRequests":[]},{"viewport":"mobile","passed":true,"localePassed":true,"metrics":{"language":"zh-CN","h1Count":1,"h2Count":4,"sectionCount":6,"textLength":1483,"cjkCount":715,"latinLetterCount":382,"scrollWidth":390,"clientWidth":390,"scrollHeight":8173,"h1Top":251.1875,"bottomInset":144.34375,"brokenImageCount":0,"missingAltCount":0,"fakeControlCount":0,"emptyLinkCount":0},"screenshotHashes":{"top":"4167e66221178f82bfd49538d77d8e5bb2ec4a1bd714789604ed85cd02d3f095","middle":"409d0fd1dc7625e251fcb6c3999c23938cfba9d527bc50030be41375c7603cb9","bottom":"15f7f0b1a4978fd5b5124c77254e5101c03d597f2a9e1a6840e1c2ce1dc99e58"},"consoleErrors":[],"networkRequests":[]}],"en":[{"viewport":"desktop","passed":true,"localePassed":true,"metrics":{"language":"en","h1Count":1,"h2Count":4,"sectionCount":6,"textLength":3299,"cjkCount":0,"latinLetterCount":2527,"scrollWidth":1280,"clientWidth":1280,"scrollHeight":5529,"h1Top":86.453125,"bottomInset":80.375,"brokenImageCount":0,"missingAltCount":0,"fakeControlCount":0,"emptyLinkCount":0},"screenshotHashes":{"top":"9907fbc7ff92558c905ef7d2c2a9fc83722da3eec045ed5ef9dc1c8a65ec550a","middle":"528809ee253ffa630b61b5971247323107909646983ec04bfee6165d1234bfc6","bottom":"a65b3dff91386d346a942a3e87b27abf874770ac29d7636daef0a42bbbce9d9b"},"consoleErrors":[],"networkRequests":[]},{"viewport":"mobile","passed":true,"localePassed":true,"metrics":{"language":"en","h1Count":1,"h2Count":4,"sectionCount":6,"textLength":3239,"cjkCount":0,"latinLetterCount":2487,"scrollWidth":390,"clientWidth":390,"scrollHeight":9264,"h1Top":270.375,"bottomInset":144.046875,"brokenImageCount":0,"missingAltCount":0,"fakeControlCount":0,"emptyLinkCount":0},"screenshotHashes":{"top":"ca487929c6e42881f4d578f6c88da7ac6ece5cefbbd28225d17255a96d36de9c","middle":"71224d4c83de32f26ed74dd1514e4c10c0d4bc3f62a716eb00c7c7f8a87dceff","bottom":"fd0607443c91882dcf982fac81a4d952941f69433048cc86debea7f391ae5c61"},"consoleErrors":[],"networkRequests":[]}]}},"generatorVersion":"opencode-1.1.58:deepseek/deepseek-v4-flash:dodot-showcase-deepseek-v4","publishedAt":"2026-08-20T09:03:25.951Z"},"rawExtraction":{"projectRevisionId":"cmt2zh2yg01l262714xwpdm6a","projectVersion":1,"sources":[{"canonicalKey":"github:soapbox-pub/ditto","role":"primary","revisionVersion":1,"url":"https://github.com/soapbox-pub/ditto"}],"facts":[{"key":"repository_owner","value":"soapbox-pub","evidence":[{"path":"repository.owner","excerpt":"soapbox-pub"}]},{"key":"repository_name","value":"ditto","evidence":[{"path":"repository.name","excerpt":"ditto"}]},{"key":"description","value":"Your content. Your vibe. Your rules.","evidence":[{"path":"repository.description","excerpt":"Your content. Your vibe. Your rules."}]},{"key":"primary_language","value":"TypeScript","evidence":[{"path":"repository.language","excerpt":"TypeScript"}]},{"key":"license","value":"AGPL-3.0","evidence":[{"path":"repository.license","excerpt":"AGPL-3.0"}]},{"key":"topics","value":"nostr","evidence":[{"path":"repository.topics","excerpt":"nostr"}]},{"key":"source_count","value":"1","evidence":[{"path":"projectRevision.sources","excerpt":"github:soapbox-pub/ditto"}]}],"taxonomy":{"category":"development_tools","subcategory":"data_ai_tools","confidence":0.65,"evidence":[{"path":"repository.description","excerpt":"Your content. Your vibe. Your rules."}]},"lifecycle":{"stage":"active","confidence":0.75,"evidence":[{"path":"repository.pushedAt","excerpt":"2026-08-17T03:14:42.000Z"}]},"userIntents":[{"slug":"build_software","label":"构建或改进软件","confidence":0.65,"evidence":[{"path":"repository.description","excerpt":"Your content. Your vibe. Your rules."}]},{"slug":"automate_work","label":"自动化工作流程","confidence":0.65,"evidence":[{"path":"repository.description","excerpt":"Your content. Your vibe. Your rules."}]},{"slug":"create_content","label":"创作内容或设计","confidence":0.65,"evidence":[{"path":"repository.description","excerpt":"Your content. Your vibe. Your rules."}]},{"slug":"analyze_data","label":"分析与理解数据","confidence":0.65,"evidence":[{"path":"repository.description","excerpt":"Your content. Your vibe. Your rules."}]},{"slug":"learn_explore","label":"学习与探索","confidence":0.65,"evidence":[{"path":"repository.description","excerpt":"Your content. Your vibe. Your rules."}]}],"readme":{"headings":["Ditto","About","Features","Getting Started","Prerequisites","Development","Build","Test","Configuration","Custom Branding","Deployment","Android","Tech Stack","Project Structure","Contributing","License"],"commands":["npm install","npm run dev","npm run build","npm test","npm run build","npx cap sync","npx cap open android"]},"changeSet":[{"field":"repository","beforeHash":"38fb484772a10a8c36f88b713a076b7db008fdeb96762b34af8fcbb0e3ebd4c7","afterHash":"30ace00b7347c3971e33be26b5141d64d3bd9155ad79b7cbf87ec70f3c8531f9"}]},"publishedAt":"2026-08-16T12:41:49.707Z","updatedAt":"2026-08-21T13:26:53.781Z","summary":{"id":"cmt2zh2yi01l46271q7ja8h59","projectType":"product","oneLine":"基于 Nostr 的可定制去中心化社交客户端。","overview":"Ditto 是一个开源、去中心化的社交媒体客户端，基于 Nostr 协议构建。它让你在享受在线乐趣的同时，不必依赖大型科技公司。你可以通过自定义主题、闪电网络打赏和不断扩展的内容类型来表达自己，同时完全拥有自己的身份和数据。它构建为静态文件，可部署到任何地方，并支持 Android 原生应用。","highlights":["9 个内置主题","多种内容类型","闪电网络打赏","静态部署"],"bestFor":["想摆脱大厂社交平台的人","喜欢自定义主题和界面的用户","希望自托管社交客户端的开发者"],"caveats":["需要 Node.js 22+ 和 npm 10.9.4+ 进行开发","配置通过 ditto.json 文件在构建时读取","贡献需遵循严格的指南和 AI 工具要求"],"categorySuggestion":"other","subcategorySuggestion":"uncategorized","lifecycleStages":["idea_requirements","product_design","frontend","deployment_growth"],"audienceIntents":["discover","build","evaluate","create"],"confidence":0.85,"evidence":[{"claim":"Ditto 是一个基于 Nostr 协议的开源、去中心化社交媒体客户端。","sourceType":"readme","locator":"https://github.com/soapbox-pub/ditto"},{"claim":"支持 9 个内置主题预设、19 个 CSS 令牌属性，并可将主题作为 Nostr 事件发布和分享。","sourceType":"readme","locator":"https://github.com/soapbox-pub/ditto"},{"claim":"支持文本笔记、文章、短视频、直播、投票、关注包、色彩时刻、魔法卡组、地理寻宝和 Webxdc 迷你应用等多种内容类型。","sourceType":"readme","locator":"https://github.com/soapbox-pub/ditto"},{"claim":"通过 Nostr Wallet Connect 或 WebLN 支持用 sats 打赏帖子和个人资料。","sourceType":"readme","locator":"https://github.com/soapbox-pub/ditto"},{"claim":"构建为静态 HTML/JS/CSS，可部署到 GitHub Pages、Netlify、Vercel、VPS 或 Raspberry Pi。","sourceType":"readme","locator":"https://github.com/soapbox-pub/ditto"},{"claim":"通过 Capacitor 支持 Android 原生应用，并适配所有屏幕尺寸。","sourceType":"readme","locator":"https://github.com/soapbox-pub/ditto"},{"claim":"使用 React 18、Vite、TypeScript、TailwindCSS 3 和 shadcn/ui 构建。","sourceType":"readme","locator":"https://github.com/soapbox-pub/ditto"}],"publishedAt":"2026-08-17T13:43:50.253Z"},"github":{"url":"https://github.com/soapbox-pub/ditto","ownerAvatarUrl":"https://avatars.githubusercontent.com/u/99939943?v=4","starsCount":66,"forksCount":14,"language":"TypeScript","syncedAt":"2026-08-17T13:40:22.158Z","license":"AGPL-3.0","defaultBranch":"main","archived":false,"disabled":false,"lastChangedAt":"2026-08-17T03:14:42.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}}}]}],"$L23"]

你的内容，你的风格，你的规则。

旋转这个刻度盘，整页界面跟着你的令牌变。

一篇笔记、一场直播、一局地理寻宝——都在同一条流里。

每一条令牌，都是你给界面的一道指令。

节奏由令牌编排

墨色与纸张可换

动效与投影可塑

规则可以被分享

没有常驻主机，只要有能放静态文件的地方就行。

Your content.Your vibe.Your rules.

Turn the dial, and the whole interface turns with your tokens.

A note, a live stream, a geocache — all in the same feed.

Every token is an instruction you give the interface.

Rhythm, choreographed by tokens

Swappable ink and paper

Shapeable motion and depth

Rules you can share

No permanent server — just somewhere that can hold static files.

你的内容，
你的风格，
你的规则。

Your content.
Your vibe.
Your rules.