🖥️
AI FDE
AI 前端开发助手，让每个产品经理都能做前端。组件生成、页面布局、样式优化、代码审查，开发效率 10x。
🧩
组件生成
输入设计稿描述，AI 生成可直接使用的 React/Vue 组件代码。
AI Prompt
请为这个设计生成一个 React 组件：{{description}}，要求使用 Tailwind CSS。
📐
页面布局
描述页面需求，AI 输出完整的 HTML 布局和 CSS 样式。
AI Prompt
请设计一个{{page_type}}页面，要求响应式、包含{{elements}}。
🎨
样式优化
粘贴现有 CSS，AI 分析并给出性能优化和视觉改进建议。
AI Prompt
请优化这段 CSS：{{css}}，提升渲染性能和可维护性。
🔍
代码审查
上传代码片段，AI 自动审查潜在 bug、安全漏洞和最佳实践。
AI Prompt
请审查这段代码：{{code}}，找出潜在问题并给出修复建议。