Select Component

介绍

Select Component 是 CodeBuddy IDE 设计阶段的核心模式之一，支持您通过选择标准化组件库规范，直接生成符合企业级设计系统的可维护前端代码。

内置了三个组件库，如下：

• TDesign Components：腾讯自研企业级设计体系，适合中后台、多端协作场景。

• MUI Components：遵循 Material Design 规范，适合用户导向的跨平台应用。

• Shadcn Components：基于 Tailwind CSS 的高定制化库，适合创意项目或深度控制需求。

案例

选择您需要的组件后，该组件库就会自动添加到对话上下文中，而且在对话过程中不可修改组件，因此您需要首先根据任务确定好组件库。选择组件后您在输入框中描述您的任务需求即可，例如：

Craft Agent 根据需求自动生成代码后，Preview 效果如下：