facebook/astryx：README 來源編輯指南

facebook/astryx 的 README 將專案描述為「An open source design system that's fully customizable and agent ready」。本文只整理倉庫可直接核對的內容，不把 star、Fork 或宣傳語當成品質證明。README 在「Astryx」下寫到：An open source design system that's fully customizable and built for how we build now: by people and the agents working alongside them.。這說明的是專案邊界，不是已完成的生產驗證。

從 README 的「Overview」與相關條目，可以先判斷它是否處理你的實際問題：No styling lock-in. Astryx authors its styles with StyleX, but that's invisible to consumers. Override with className using Tailwind, CSS modules, or plain CSS , whatever your project already uses.。若需求不同，不應只因專案熱度就採用。本文保留原始專案名、命令與元件名，方便回到一手來源核對。 README 另外列出一項可核對的資訊：Open internals. Components are built to be composed at any level, not locked behind a closed top-level API. The building blocks you'd reach for are exported directly, and when you need to go deeper, swizzle ejects a component's full source。這類原文條目可用來設計試跑步驟，但不能取代實際環境測試。

README 將運作方式分散在「Overview」等段落。可確認的線索包括：It ships 150+ accessible components, brand-level theming, dark mode, ready-to-ship templates, and a CLI as one cohesive system. You import pre-built CSS and use typed React components , no build plugin, no styling library to adopt , and。本文不把未寫出的架構、效能或安全邊界補成結論；真正的執行鏈仍要配合目錄、設定檔與版本標籤檢查。

第一次安裝應從 README 指出的入口開始。目前可核對的命令是： # npm npm install @astryxdesign/core @astryxdesign/theme-neutral @stylexjs/stylex npm install -D @astryxdesign/cli # pnpm pnpm add @astryxdesign/core @astryxdesign/theme-neutral @stylexjs/stylex pnpm add -D @astryxdesign/cli # yarn yarn add @astryxdesign/core @astryxdesign/theme-neutral @stylexjs/stylex yarn add -D @astryxdesign/cli 如果倉庫沒有命令，本文不會自行編造步驟，而是建議先閱讀「Overview」，確認系統依賴、預設埠與首次初始化。

日常使用取決於專案文件。README 的「Packages」段落提到：| Package | Description | README | | ------------------------------------------ | ---------------------------------------------------------------------------------------------------- | ---------------------------------- | |。設定檔、環境變數、權限與資料目錄只在來源明確時才會記錄；沒有寫出的預設值，應在測試環境驗證並保留回滾副本。 同一部分也提到：Customize without wrapping. A theme is a set of CSS custom property overrides, so a designer can make Astryx unmistakably theirs without forking or wrapping component source.。