KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#dsh #dsh-plugin #developer-tools #ai-agent #claude-code #codex #typescript #ai-agents #deepseek-harness #mcp #cli #rust

eSoftCopyright

★ 53 Open GitHub ↗

易著AI：你给题目，秒出软著｜自动软著生成系统

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# 易著AI - 自动软著生成平台

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

## 技术栈

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

## 开发要点

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

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

### PWA 支持
需要准备的资源：
- [ ] icon-192x192.png
- [ ] icon-512x512.png
- [ ] screenshot.png
- [x] manifest.json

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

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

### 待办事项
- [ ] 完善错误处理
- [ ] 添加加载状态
- [ ] 实现生成页面
- [ ] 优化动画性能
- [ ] 添加用户反馈
- [ ] 完善文档说明

## 本地开发

```bash
# 安装依赖
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. 软件类型选择
   - 图形化界面选项
   - 后端软件选项
   - 可扩展的选项列表设计

### AI 功能集成
- 使用 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 功能
- 更多表单步骤
- 更多交互效果

eSoftCopyright

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README