- 1. 编写高效提示的必要性
- 在使用 Lynx 生成应用时，编写有效的提示至关重要，它是确保生成结果符合预期的关键因素。一份优质的提示，能够精准地向 Lynx传达所需实现的功能、设计风格以及数据结构等多方面的细节要求，从而让 Lynx 更高效地生成满足需求的应用。
- 2. 编写提示的技巧与示例
- 清晰描述功能需求 ：提示应明确具体地表达所需实现的功能，避免模糊含糊的表述，以便 Lynx 准确理解并生成相应的内容。例如，“创建一个用户注册页面，包含用户名、邮箱、密码输入框，且需设置输入格式验证，同时配备验证码功能，验证码需具备自动刷新功能” ，这样的描述比简单的“创建一个注册页面” 更加清晰准确，能让 Lynx 明确页面所需具备的各项功能细节。
- 指定设计要求 ：若对页面设计有特定要求，需在提示中详细说明，包括页面布局、色彩搭配、字体样式及大小等方面。如 “创建一个个人博客网站，整体采用简约风格，以白色为背景色，黑色字体为主。首页布局为三栏式，左侧为主内容区，展示最新文章列表；中间为作者简介栏，展示作者照片、简介文字及社交链接；右侧为侧边栏，包含搜索框、分类列表和热门标签云，分类列表项以蓝色圆角矩形按钮形式展示，字体大小为 14px，标签云文字颜色为灰色，鼠标悬停时变为橙色” ，如此细致的设计要求描述，能让 Lynx 生成符合特定视觉风格的页面。
- 说明数据结构 ：涉及数据库或数据交互时，需清晰阐述数据字段及相互关系。例如，“开发一个在线学习平台，需创建课程表，字段包括课程 ID、名称、简介、讲师 ID、课程分类 ID、创建时间、更新时间；创建用户表，字段有用户 ID、用户名、邮箱、密码、注册时间；创建用户课程关联表，字段为用户课程 ID、用户 ID、课程 ID、学习进度、学习时长、学习状态，其中课程表与用户表通过课程 ID 和用户 ID 关联，用户课程关联表与课程表、用户表分别通过课程 ID 和用户 ID 关联”，如此 Lynx 可依据该提示生成合理的数据结构。
- 明确交互逻辑 ：对于需要复杂交互的应用，要清晰说明交互流程和触发条件。比如，“设计一个在线音乐播放器页面，页面包含歌曲列表、播放控制区、播放进度条和歌词显示区。点击歌曲列表中的歌曲时，歌曲开始播放，播放控制区的播放/暂停按钮切换状态，播放进度条随之更新，歌词显示区同步高亮显示当前播放的歌词行；点击播放/暂停按钮时，控制歌曲的播放与暂停，并同步更新按钮图标和歌词高亮状态；进度条可拖动调整播放进度，拖动时歌曲播放相应调整位置，歌词高亮同步变化”，这样的描述能让 Lynx 生成交互体验良好的页面。
- 3. 综合示例
- 简单功能 ：“创建一个登录页面，页面主题色为蓝色，采用居中布局，包含用户名和密码输入框，输入框宽度为 300px，高度为 40px，边框为 1px 固定边框，圆角为 5px，字体大小为 14px，输入框下方有红色字体的提示信息‘请输入正确的用户名和密码’，以及蓝色的登录按钮，按钮宽度为 100px，高度为 36px，圆角为 3px，字体大小为 16px，按钮悬停时变为深蓝色。”
- 复杂功能 ：“创建一个在线办公平台，包含文档编辑页面、团队协作页面、任务管理页面和项目进度追踪页面。文档编辑页面支持多种文档格式创建和编辑，具备丰富的文本格式设置工具栏，如字体选择、字号调整、加粗、斜体、下划线、文字颜色设置等，同时支持插入图片、表格、链接等功能；团队协作页面可展示团队成员列表、在线状态、聊天窗口和文件共享区域，支持实时聊天交流和文件共享；任务管理页面能创建、分配、跟踪任务，可设置任务优先级、截止日期、负责人等信息，并以列表或看板形式展示任务进度；项目进度追踪页面以图表形式直观展示项目整体进度、各子任务完成情况和关键里程碑节点。文档表包含文档 ID、标题、内容、创建者 ID、创建时间、最后编辑时间、文档类型等字段；团队成员表包含成员 ID、姓名、邮箱、部门、职位、加入时间等字段；任务表包含任务 ID、名称、描述、优先级、创建者 ID、负责人 ID、创建时间、截止日期、完成状态等字段，其中文档表与团队成员表通过创建者 ID 和负责人 ID 关联，任务表与团队成员表通过创建者 ID 和负责人 ID 关联。”
- 设计与功能结合 ：“创建一个美食推荐网站，首页采用响应式设计，在不同设备上均能良好显示。页面顶部有网站 logo 和导航栏，导航栏包含首页、美食分类、热门推荐、排行榜、关于我们等选项，导航栏背景色为橙色，字体为白色，字体大小为 16px，鼠标悬停时文字变为深橙色。主体内容区左侧为美食推荐列表，以卡片形式展示，卡片包含美食图片、名称、简介、评分、价格等信息，图片高度为 200px，宽度为 250px，卡片背景色为白色，边框为 1px 固定边框，圆角为 8px，阴影效果为 0 0 10px rgba(0,0,0,0.1)；右侧为筛选栏，可按照菜系、口味、价格区间等条件进行筛选，筛选条件项以灰色圆角矩形框展示，选中时变为橙色。页面底部有页脚，包含网站版权所有信息、友情链接等，页脚背景色为浅灰色，字体颜色为深灰色，字体大小为 12px。点击美食推荐卡片进入详情页，详情页包含美食详细介绍、详细地址、营业时间、用户评价等内容，图片可放大查看，用户评价以星级评分和文字评论形式展示，支持按评分高低筛选评价。”
文档中心
探索指南、教程和参考资料，帮助您充分利用 Lynx AI 平台