diff --git a/README.md b/README.md index b03137f..25dfe3e 100644 --- a/README.md +++ b/README.md @@ -12,12 +12,14 @@ - **SWOT分析模式**:生成和展示SWOT分析图表 - **ECharts图表模式**:生成数据可视化图表 - **Mermaid图表模式**:生成流程图和关系图 +- **落地页生成模式**:基于提示词流式生成完整 HTML 落地页并实时预览 ![](/设计/images/mermaid.jpeg) ![](/设计/images/echart.jpeg) ![](/设计/images/huabu.jpeg) ![](/设计/images/swot.jpeg) ![](/设计/images/peizhi.jpeg) +![](/设计/images/onepage.png) ### 💬 AI对话交互系统 - **智能对话**:基于自然语言的产品分析请求 @@ -37,6 +39,7 @@ - **图片导出**:将当前图表导出为PNG图片格式 - **剪贴板复制**:复制图表图片到剪贴板 - **代码查看**:查看当前图表的SVG源代码 +- **页面预览**:对落地页生成结果进行 98% 视窗尺寸的模态预览或一键新窗口打开 ## **所有数据均由浏览器本地缓存,清空后就清空了💨** @@ -102,7 +105,8 @@ services: │ │ ├── product-canvas.js # 产品画布模块 │ │ ├── swot.js # SWOT分析模块 │ │ ├── echarts.js # ECharts图表模块 -│ │ └── mermaid.js # Mermaid图表模块 +│ │ ├── mermaid.js # Mermaid图表模块 +│ │ └── onepage.js # 落地页生成模块 │ ├── services/ # 服务层 │ │ ├── conversation-service.js # 对话服务 │ │ └── storage-service.js # 存储服务 @@ -115,7 +119,8 @@ services: │ ├── canvas-prompt.txt # 产品画布提示词 │ ├── swot-prompt.txt # SWOT分析提示词 │ ├── echarts-prompt.txt # ECharts提示词 -│ └── mermaid-prompt.txt # Mermaid提示词 +│ ├── mermaid-prompt.txt # Mermaid提示词 +│ └── onepage-prompt.txt # 落地页提示词 ├── 设计/ # 设计文件 │ └── 原型.html # 设计原型 ├── 功能概述.md # 功能说明文档 @@ -131,8 +136,8 @@ services: 1. **选择模式**:点击顶部的模式按钮选择所需的分析类型 2. **输入需求**:在左侧对话框中描述您的产品或分析需求 3. **生成图表**:AI将根据您的需求生成相应的分析图表 -4. **查看图表**:点击对话中的图表占位符在右侧查看完整图表 -5. **导出结果**:使用底部工具栏导出或复制图表 +4. **查看图表 / 页面**:点击对话中的占位符在右侧查看完整内容 +5. **导出结果**:使用底部工具栏导出、复制或全屏预览 ### 产品画布模式 @@ -180,6 +185,7 @@ SWOT分析模式帮助您评估项目的优势、劣势、机会和威胁: - **缩放控制**:使用工具栏按钮调整图表大小 - **全屏查看**:在右侧面板获得更好的查看体验 - **多格式导出**:支持SVG、PNG等多种导出格式 +- **落地页预览**:使用“预览落地页”按钮打开 98% 视窗大小的模态窗口,可再一键在新标签页打开完整 HTML ## 🔧 开发指南 @@ -194,9 +200,12 @@ SWOT分析模式帮助您评估项目的优势、劣势、机会和威胁: ## 📝 更新日志 +### 2025年11月6日 +- 🚀 增加了落地页模块 + ### v1.0.0 (2025年10月27日) - ✨ 初始版本发布 --- -⭐ 如果这个项目对您有帮助,请给我们一个星标! \ No newline at end of file +⭐ 如果这个项目对您有帮助,请给我们一个星标! diff --git a/设计/images/onepage.png b/设计/images/onepage.png new file mode 100644 index 0000000..54971ef Binary files /dev/null and b/设计/images/onepage.png differ