用途：在设计系统从零建立、组件库设计、复杂界面组件拆分以及提升设计与代码复用性时，按原子到页面的层级组织界面组件。
主要能力：采用 Brad Frost 的 Atomic Design 五层模型：原子（Atoms，最小不可分割 UI 单元，如 Button、Input、Icon、Badge、Tokens）→分子（Molecules，原子组合并具有独立功能，如 SearchBox、FormField）→有机体（Organisms，构成页面区块，如 NavBar、DataTable、LoginForm）→模板（Templates，布局框架且无真实数据）→页面（Pages，模板加真实数据）。可输出按层级标注的组件清单表格，并识别多页面中可复用的组件。
使用方式：先列出所有页面，自页面向下拆解到 Templates、Organisms、Molecules、Atoms，识别可复用部分后输出组件清单，再转交前端实现组件库。配套模板为 templates/component-inventory-template.md。上游与 page-structure 协作，平行与 design-tokens、component-states 配合，下游对接 design-handoff。
使用规则：设计时从原子开始向上组合，每个组件独立文件管理，清单按层级标注，交接时说明哪些组件可复用现有库、哪些需新建，不要跨层级直接引用。
限制：该资料未提供具体代码实现、安装命令、收费信息与平台支持范围。