用途：该技能用于在原子设计（Atomic Design）体系中创建分子（Molecules）组件。分子是原子之上的第一层组合，由多个原子拼装成一个有明确用途的功能单元，可被不同组织（Organisms）和上下文复用。
主要能力：分子仅由原子构成，不包含其他分子；只做一件事、功能单一；可复用；通常只保留少量与 UI 相关的内部状态。资料给出的常见分子类型包括：表单类（标签+输入+错误提示的表单字段、输入+按钮的搜索表单、标签+开关的切换组、输入+日历触发器的日期选择器、拖放区+按钮的文件上传器）；导航类（图标+文字+指示器的导航项、链接+分隔符的面包屑项、按钮+页码指示的分页控件、图标+标签的选项卡项）；展示类（头像+文字的媒体对象、标题+副标题+操作的卡片头部、复选框+内容+操作的列表项、标签+数值+趋势的统计展示）；操作类（多按钮的按钮组、按钮+图标的下拉触发器、图标+提示的图标按钮、按钮+菜单项的操作菜单）。
使用方式：资料以 React + TypeScript 为例，从 @/components/atoms/... 引入原子并在 molecules/ 目录下编写组件，配合对应 .module.css 样式文件；组件通过 props 暴露接口（如 label、name、helpText、error、required 等），并处理无障碍属性（如 aria-describedby、aria-required、role="search"、aria-current、aria-disabled、aria-pressed）。资料还含 FormField、SearchForm、MediaObject、NavItem、CardHeader、ListItem、ButtonGroup、Stat 等实现示例。
适用场景：需要在界面中组合基础原子、形成可复用功能单元并保持单一职责的组件库建设与页面开发。
限制：资料为原子设计方法说明与代码示例，未说明具体安装命令、版本要求、收费或授权方式、运行环境与性能数据，这些信息暂未提供。实现依赖 React 与 TypeScript 及项目内原子组件，其他框架的适配方式未提供。