1快速搭建符合品牌规范的 React 页面
- 1通过官网提供的 CLI 工具创建新项目,选择 Astryx 作为设计系统依赖。
- 2从 Astryx 的组件库中选取所需组件,如 Button、Card、Layout 等,直接在代码中导入并使用。
- 3根据品牌主题配置文件调整颜色、字体等样式参数,确保页面风格统一。
2利用 AI Agent 自动生成页面代码
- 1在 Astryx 官网或 CLI 中启动 AI Agent 功能,上传设计稿或描述页面需求。
- 2AI Agent 读取 Astryx 组件资料,根据描述生成符合设计系统的 React 代码。
- 3检查生成的代码并进行微调,确保与实际需求一致。
