用途：该技能面向原子设计（Atomic Design）中的“原子”层，帮助创建设计系统里最小、不可再分的UI构建块，例如按钮、输入框、标签、图标、头像、徽章、复选框和排版元素。
主要能力：资料将原子定义为不可再分、可复用、通常无状态、使用设计令牌样式、并从一开始考虑可访问性（a11y）的组件。常见原子分为交互类（按钮、链接、输入、开关、滑块）、展示类（排版、图标、图片/头像、徽章/标签、分隔线、加载指示器）和表单类（输入框、文本域、复选框、单选按钮、下拉选择、标签）。
使用方式：资料以React与CSS Modules为例，展示Button、Input、Label、Icon、Avatar、Badge、Checkbox、Text/Heading等组件的实现思路，包括变体（variant）、尺寸（size）、加载态、错误态、前后置图标或附加元素、必填标记等属性。样式通过CSS变量（如--color-primary-500）引用设计令牌。
最佳实践：使用forwardRef暴露DOM节点；继承原生HTML属性（如ButtonHTMLAttributes）；提供合理默认值（如type="button"防止误提交表单）；保持原子只负责展示，不包含业务逻辑或API调用。
适用场景：构建设计系统、组件库或需要统一UI基础元素的React项目。
限制：资料未提供安装命令、包名、版本、收费、平台支持或具体使用步骤；示例为React与CSS Modules，其他框架需自行适配。