平台的”Magic Agent”功能通过以下流程实现智能UI生成：
- 需求输入：访问平台首页，输入组件功能描述（如”带验证的注册表单”）
- 变体生成：点击生成按钮后，AI会产出5种不同风格的设计方案，包括：
- 不同布局结构
- 多种配色方案
- 交互模式变化
- Ajustes em tempo real：选择基础模板后，可以：
- 使用”Remix with AI”按钮进行二次创作
- 通过聊天界面给出具体指令（如”将卡片阴影改为xl”）
- 实时查看代码调整效果
- 最终导出：满意后可直接复制代码或下载组件包
Advertências:AI生成的组件可能需要手动微调以完全适配项目需求，特别是需要严格遵循设计规范时，建议检查生成代码的响应式表现和可访问性。
Essa resposta foi extraída do artigo21st.dev: uma plataforma de código aberto para obter e compartilhar rapidamente componentes da interface do usuário do ReactO
Não pode ser reproduzido sem permissão:Ferramentas de produtividade de IA " 21st.dev的AI生成组件功能具体如何操作？
Português do Brasil 
简体中文 
English 
日本語 
Deutsch