在本课程中，我们将深入设计系统的世界。我们将了解他们如何帮助开发人员提高生产力，在公司产品之间建立一致性，并最终加快开发过程。

我们将从涵盖设计系统的基本概念开始，然后转向 monorepo 代码库的架构。我们将为 TypeScript、ESLint 和 Prettier 设置共享配置，并创建用于托管和分发设计令牌和资产的基础包。

接下来，我们将创建一个 React 包，其中包含使用我们设计系统的样式标记设置样式的演示组件。我们还将创建 Storybook 包，并学习使用 TypeScript 开发和记录组件的最佳实践。我们将专注于以两种方式设计我们的组件：使用带有样式化组件和 JavaScript 设计标记的 CSS-in-JS，以及 Tailwind CSS 类。

最后，我们将学习如何使用 React 测试库和 AXE 为我们的 React 组件创建测试，如何使用变更集管理发布并使用 GitHub Actions 设置 CI 管道。

本课程旨在成为从头开始构建完整公司设计系统的综合指南或食谱。到课程结束时，您将具备为任何组织创建实用且可维护的设计系统的知识和技能。