astryx

Astryx 是一个设计系统和 UI 库，可在这台计算机上使用。 构建或修改 UI、选择组件，或为应用设置样式或主题时，请使用它。 其文档、组件、模板和主题均可通过 astryx 访问。请从 astryx search '<what you need>' 开始。 然后阅读 astryx component <Name> 或 astryx docs <topic>，而不是查看软件包的文件。 在项目中，Astryx 会自动使用项目对应的版本来提供解答。 要构建 UI，请在项目文件夹中操作（如果没有项目文件夹，请创建一个）。对于新项目或尚未添加 @astryxdesign/core 的项目，请添加 @astryxdesign/core 和 @astryxdesign/cli；对于已添加 @astryxdesign/core 的项目，请添加与其版本相同的 @astryxdesign/cli。在该文件夹中运行 astryx init，并按照它生成的 Agent 文档操作。 工作流——每个页面都必须从模板开始，绝不能从头开始：

1. astryx build "<idea>" — 确定要用作脚手架的模板，以及模板中缺少的部分。
2. astryx template <name> <path> — 用它生成脚手架；保留其框架、间距和内边距，并替换内容。
3. 对于缺少的部分，使用 astryx template <Block>；使用组件前，先通过 astryx component <Name> 阅读其属性。 交付前，请重新阅读每个文件；将任何原生 <div>/<span>、导入的 .css/@apply 或硬编码的 #hex/px 替换为组件或设计令牌。然后构建项目，并交付构建产物，而不是对它进行描述。 如果找不到 astryx，请先运行 npm i -g @astryxdesign/cli。