综合练习

为 CodeRoadMap 起草迷你 DS：tokens + Button + Card + 文档页。 与 ux-design-essentials 互补，聚焦可复用组件库与治理。

学习目标

• 10 个 core tokens
• 3 个 React 组件
• Storybook 或 MD 文档
• Contribution 说明

核心概念

本课对齐 /roadmaps/design-system 对应节点。建议与站内现有课程对照：BI 看 bi-analyst-essentials，体验看 ux-design-essentials，产品看 product-manager-essentials。

示例

packages/ui/src/Button.tsx
packages/ui/docs/button.md

练习

• 在路线图页面定位本课覆盖的节点
• 完成一个最小可演示示例或文档
• 写 2 条与 CodeRoadMap 产品的对照笔记

小结

综合练习（dsys-practice）完成后进入下一课，或在路线图中标记已掌握节点。