基于 Next.js 和 AI 技术的软件著作权文档生成平台。

• Next.js 15.1.4
• TypeScript
• Tailwind CSS
• React

• 扁平化、科技感
• 简洁优雅的界面设计
• 主色调：#2563eb（蓝色）
• 动效：适度的过渡动画和交互反馈

• 完整的 meta 标签
• Open Graph 协议支持
• 结构化数据标记
• 合理的语义化标签
• 响应式设计适配

需要准备的资源：

• icon-192x192.png
• icon-512x512.png
• screenshot.png
• manifest.json

• 首页 (/)
  • 动态打字效果
  • 产品特性展示
  • 响应式布局
• 生成页面 (/generate)
  • 表单设计
  • 生成流程
  • 预览功能
• 关于页面 (/about)

• 图片优化
  • next/image 组件
  • 合适的图片格式
  • 响应式图片
• 代码分割
• 静态生成
• 增量静态再生成

• 完善错误处理
• 添加加载状态
• 实现生成页面
• 优化动画性能
• 添加用户反馈
• 完善文档说明

# 安装依赖
yarn install

# 启动开发服务器
yarn dev

# 构建生产版本
yarn build

# 启动生产服务器
yarn start

src/
  ├── components/     # 可复用组件
  ├── pages/         # 页面组件
  ├── styles/        # 样式文件
  └── utils/         # 工具函数
public/             # 静态资源
  ├── icons/        # 图标文件
  └── images/       # 图片资源

1. 代码规范

   • 使用 TypeScript 类型检查
   • 遵循 ESLint 规则
   • 保持代码整洁和注释完整

2. 性能考虑

   • 合理使用缓存
   • 优化首屏加载
   • 减少不必要的重渲染

3. 设计原则

   • 保持界面简洁
   • 注重用户体验
   • 合理的视觉层次

1. Fork 项目
2. 创建特性分支
3. 提交更改
4. 推送到分支
5. 创建 Pull Request

MIT License

• 采用分步骤表单设计，提高用户体验
• 每个步骤聚焦于单一任务，减少认知负担
• 使用 Material-UI 组件和动画效果
• 响应式设计，适配各种屏幕尺寸

1. 用户输入标题

   • 实时验证（长度、字符限制）
   • 示例标题轮播展示
   • AI 辅助生成功能

2. 软件类型选择

   • 图形化界面选项
   • 后端软件选项
   • 可扩展的选项列表设计

• 使用 OpenAI API 进行标题生成
• 环境变量配置：

  OPENAI_API_KEY=your_api_key_here
  OPENAI_API_BASE_URL=https://api.openai.com/v1
  

• API 路由：/api/generate-title
• 标题生成规则：
  1. 不超过24个字
  2. 只包含中文、英文、数字和空格
  3. 不包含特殊符号
  4. 专业、正式的命名风格
  5. 以"系统"、"平台"、"软件"等结尾

• 主题色：使用 Material-UI 主题系统
• 字体：Geist 字体家族
• 动画效果：
  • 渐变过渡
  • 悬浮效果
  • 加载动画
• 间距和布局：遵循 8px 网格系统

• TextField 带验证
• Dialog 用于 AI 交互
• Paper 用于卡片式布局
• Typography 用于文字层级
• IconButton 用于图标按钮

• 组件懒加载
• 图片优化
• 状态管理优化
• API 请求优化

• 表单验证
• API 错误处理
• 用户友好的错误提示

• 更多软件类型
• 更多 AI 功能
• 更多表单步骤
• 更多交互效果