[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"$fm3596t5trm3y":3},{"code":4,"message":5,"data":6,"timestamp":36},10000,"success",{"full_name":7,"position":8,"description":9,"language":10,"stars":11,"forks":12,"stars_gained":13,"age_days":14,"hn_threads":15,"one_liner":16,"summary_md":17,"topic":18,"github_topics":21,"license":32,"homepage":33,"updated_at":34,"history":35},"Caho1\u002Fopen-claude-ui",6,"基于 REA 深度拆解并高保真还原 Claude 官方桌面端 UI。还原 30 个独立 React 组件与 8 项硬核交互物理算法，附带 3000+ 行逆向分析手册。","TypeScript",1399,275,131,10,[],"A React\u002FCSS component library that reconstructs Claude's desktop design system, including motion physics, from decompiled binaries.","## The problem\n\nIf you're building an AI chat client or agent desktop shell, you have to design the conversation surface yourself: streaming text, an IME-safe composer, model switches, tool-approval cards, scroll masks that don't band on Retina displays. Most teams either hand-roll these or approximate an existing product's look by eye. This project instead reconstructs Claude's desktop design system from decompiled production code, shipping the tokens, components and motion constants as a library.\n\n## What's different\n\nMost \"UI clone\" repos are screenshot-driven approximations. Here the claim is provenance: constants and formulas are said to be extracted from production JS via the REA reverse-engineering framework, and a 3,000+ line manual documents where each value came from. Practically, the distinguishing pieces are the token\u002FCSS layer that works without React or Tailwind (so Vue or Svelte hosts can consume `tokens.css` and `pure.css` directly), and the interaction details that are usually skipped: four tuned spring parameter sets, a 4px pointer dead zone before drag starts, CJK IME composition guards, and a 7-stop non-linear fade mask. Compared with general-purpose libraries like shadcn\u002Fui or Radix, this is narrow and opinionated — one aesthetic, deeply specified — rather than a broad primitive set. The audio cues are synthesized with Web Audio oscillators instead of shipped MP3s, which sidesteps binary asset licensing.\n\n## Who it's for\n\nFrontend engineers building a chat-centric AI product or an agent desktop container who want a polished conversation UI quickly and are willing to adopt a specific visual language. It is also useful as a study reference for interaction physics — the manual is arguably more valuable than the components. Look elsewhere if you need a neutral design system you'll heavily rebrand, if your stack is not React\u002FTailwind-friendly, or if you need a maintained component library with versioning and a contributor base.\n\n## Cost of adoption\n\nRequires TypeScript 5.5+, React 18+, TailwindCSS 3.4+ and Framer Motion 11+. Install commands are not shown in the README's truncated text; follow the README. MIT licensed, and the project deliberately ships no proprietary fonts or audio, so no DMCA exposure from binaries — but the visual language is still recognizably Claude's, which is a brand risk worth a legal read before shipping commercially. The bigger risk is maturity: this is a 10-day-old project with a single apparent author and 1,398 stars. No release history, no evidence of production users, and the README is heavily marketing-flavored. Treat it as source code to copy and adapt, not a dependency to pin.\n\n## Verdict\n\nThis is a brand-new project riding a sharp launch spike — roughly 134 stars per day since creation, already #5 on a new TypeScript board — not an established library. The reverse-engineering premise is unusually concrete and the documentation depth is real, which explains the attention, but 10 days and no tracked history before late October 2026 means nothing about long-term maintenance is known. Adopt it as a reference implementation and copy the parts you need; do not architect a product around it without forking. Watch whether commits continue after the launch window.",{"slug":19,"name":20},"developer-tools","Developer Tools",[22,23,24,25,26,27,28,29,30,31],"anthropic","audioworklet","claude","design-system","framer-motion","motion-physics","react","reverse-engineering","tailwindcss","ui-components","MIT","https:\u002F\u002Fopenclaudeui.com","2026-10-25T02:06:39Z",[],1792912719]