Trae Solo 用于写前端文档：组件说明、交互逻辑、用法示例都能自动生成

写组件文档是前端最烦的一件事，但 Trae Solo 能帮你自动完成 80%。

---

🧱 一、给它组件代码

export const Button = ({ text, onClick }) => {
  return <button onClick={onClick}>{text}</button>
}

我说：

帮我写一份组件文档，包含属性说明、用法、注意事项。

它生成：

• 组件介绍
• Props 表格
• 使用示例
• 错误使用示例
• 注意事项
• 可扩展点

并自动格式化成 README 风格。

---

🔧 二、自动生成 Props 表格

| Prop     | Type   | Description        |
|----------|--------|-------------------|
| text     | string | 按钮文字          |
| onClick  | func   | 点击回调          |

非常前端工程化。

---

🔍 三、自动生成 Example

<Button text="提交" onClick={() => alert("ok")} />

还自动补充“不推荐写法”。

---

🎯 四、非常适用于：

• UI 组件文档
• Storybook 文档生成
• 项目 README
• Hooks 文档
• 工具库文档

前端写文档压力瞬间下降一半。