docs: add upage usage instructions document

docs/content/index.md

@@ -0,0 +1,34 @@
+---
+id: index
+title: UPage 文档
+slug: /
+---
+
+# UPage
+
+UPage 是一款基于大模型的可视化网页构建平台，支持多种 AI 提供商集成，基于自然语言快速实现定制化网页。
+
+## 什么是 UPage？
+
+UPage 是一个开源的网页构建工具，它利用大语言模型，让用户能够通过自然语言描述来创建和定制网页。无论您是开发者、设计师还是内容创作者，UPage 都能帮助您快速将想法转化为可视化的网页。
+
+## 核心特性
+
+- **基于 AI 的页面生成**：通过自然语言描述生成完整的网页
+- **多种 AI 提供商支持**：兼容 OpenAI、Anthropic Claude、Google Gemini 等多种 AI 模型
+- **可视化编辑器**：简洁直观的可视化编辑器界面，实时预览
+- **代码导出**：生成标准的 HTML/CSS/JS 代码，方便集成到现有项目
+- **响应式设计**：自动适应不同屏幕尺寸
+- **部署集成**：支持一键部署到常见托管平台
+
+## 快速开始
+
+请查看[快速开始](quick-start.md)指南，了解如何安装和使用 UPage。
+
+## 贡献
+
+UPage 是一个开源项目，我们欢迎任何形式的贡献。请查看[贡献指南](contributing.md)了解如何参与项目开发。
+
+## 许可证
+
+UPage 采用 [基于 GPLv3 的补充协议许可证](https://github.com/halo-dev/upage/blob/main/LICENSE)。