说明组件任务
描述用户需要筛选、提交、选择、比较或确认什么，而不是只写组件名称。
React UI 生成器
生成包含完整状态的 React UI 组件
描述组件要完成的任务和所在页面，U2C 会生成带有真实文案、布局与常见状态的 React + Tailwind 界面，方便进一步集成。
生成单个组件或完整产品页面。
覆盖加载、错误、空数据、禁用和选中状态。
使用实时预览检查交互结构。
导出后映射到现有组件库和数据接口。
立即体验
从这段提示词开始，再按你的产品需求修改。
不要只生成默认状态
真正可用的 React 组件需要处理用户操作和异常情况。提示词应说明任务、输入、输出和关键状态。
列出必要状态
要求生成加载、空数据、错误、校验、禁用、选中和响应式状态。
按项目规范集成
替换模拟数据和导入路径，补充类型、测试、接口调用与权限判断。
真实示例
从经过审核的界面模式开始
常见问题
开始前需要了解的事项
可以只生成一个 React 组件吗？+
可以。描述组件的用途、内容、交互和状态；如果布局上下文重要，也可以同时说明所在页面。
会自动连接 API 吗？+
不会。生成内容重点是界面结构，真实接口、鉴权、权限和业务逻辑需要在项目中接入。
生成后还需要检查什么？+
需要检查类型、导入路径、真实数据、异常状态、响应式、键盘操作、测试和安全规则。