Select Component

Introduction

Select Component is a core design-time mode in CodeBuddy IDE. It lets you pick from a standardized component-library specification and instantly generate maintainable, enterprise-grade front-end code that conforms to your chosen design system.

Three component libraries are built in:

TDesign Components – Tencent’s self-developed enterprise design system, ideal for admin dashboards and multi-end collaboration.
MUI Components – Implements Material Design, perfect for user-centric, cross-platform applications.
Shadcn Components – A highly-customizable Tailwind-CSS-based library suited for creative projects or when you need fine-grained control.

Example

After you choose a library, it is locked into the conversation context and cannot be changed later, so decide before you start. Once selected, simply describe your task in the input box.

Craft Agent will generate the code accordingly; the Preview shows the running result：

Select Component ​

Introduction ​

Example ​

Select Component

Introduction

Example