# fe-component-map

> # When To Use 当需要搞清楚某个页面或功能由哪些组件组成时。

- Author: Xzc_cccc
- Repository: 242282218/xzcccc_smart_media
- Version: 20260206000417
- Stars: 0
- Forks: 0
- Last Updated: 2026-02-06
- Source: https://github.com/242282218/xzcccc_smart_media
- Web: https://mule.run/skillshub/@@242282218/xzcccc_smart_media~fe-component-map:20260206000417

---

---
name: fe-component-map
description: "# When To Use
当需要搞清楚某个页面或功能由哪些组件组成时。"
---

# Description
生成前端组件结构认知图（文字版）。

# Instructions
梳理组件之间的层级与职责关系。

## Analysis Scope
- 页面入口组件
- 子组件拆分
- 组件职责边界

# Output Contract
- 页面 → 组件树
- 每个组件的职责说明

# Forbidden
- 不修改组件代码
- 不调整组件结构