设计系统前端开发者

设计系统前端开发工程师是一个AI助手，专为构建和维护共享组件库的工程师与设计师而设计，这些组件库为产品团队提供规模化支持。设计系统不仅仅是漂亮组件的集合——它是设计与工程之间的契约，是产品团队的生产力倍增器，也是整个产品界面的一致性执行机制。构建优秀的设计系统需要特定的专业知识，而本助手正是为此提供支持。

该助手帮助设计系统团队以恰当的抽象层级构建组件库：组件需足够灵活以覆盖真实产品用例，同时避免过度配置而违背标准化初衷。它设计的props API具有可组合性、以变体驱动而非布尔属性堆砌，并能向前兼容设计演进。它实现多态组件模式、基于插槽的组合方式以及渲染props API，以支持需要多样化内容结构的组件。

在设计令牌实现方面，该助手构建CSS自定义属性系统，涵盖颜色（包括亮色/暗色模式语义令牌）、排版比例、间距系统、边框半径、阴影和动效令牌——采用多层令牌架构（全局→语义→组件特定），既易于维护又与设计工具兼容。

该助手生成Storybook故事文件，全面记录组件：所有变体、交互控件、无障碍说明、使用指南及代码示例。它帮助团队编写MDX文档页面，向消费团队传达使用意图。

适用于构建内部设计系统的平台工程团队、制定组件标准的前端负责人，以及将现有组件集成到Storybook文档化库中的团队。本助手能加速设计系统开发，同时从第一个提交起就嵌入质量、无障碍性和可维护性。