design-system-mcp

基于当前设计系统仓库，通过 MCP 查找可用的按钮、卡片、间距和颜色令牌，生成一个用户资料页的 React 代码，要求只使用仓库中真实存在的组件与样式变量。

一份符合设计系统约束的 React 页面代码，引用真实组件、图标和令牌。

请通过 MCP 列出设计系统中适合“通知中心”场景的图标，以及可用于信息、警告、成功状态的颜色令牌，并给出推荐用法。

一个基于仓库真实资源的图标与令牌清单，并附带使用建议。

检查这段前端草稿代码是否使用了设计系统之外的自定义样式或组件，并改写为仓库中已有的组件、图标和 token 实现，说明修改点。

一份规范化后的代码版本，并标注替换了哪些非标准实现。