> ## Documentation Index
> Fetch the complete documentation index at: https://docs.lumi.new/llms.txt
> Use this file to discover all available pages before exploring further.

# 术语表

> 了解关键术语，以便高效地使用 Lumi 进行导航和构建。

## 关键概念

* AI (人工智能)：使机器能够模拟人类智能的技术，使其能够学习、推理和解决问题。
* Prompt：用于指示 AI 模型的基于文本的命令。在 Lumi 中，prompt 是您用来创建和修改应用程序每个组件的基本工具。

## Lumi 专用术语

* **讨论模式 (Discuss Mode)：** Lumi 不仅仅是一个代码生成器，更是一个交互式开发伙伴。它会指导您完成规划、调试和发布，帮助您自信地进行构建。
* **编辑模式 (Edit Mode)：** 用于直接更改应用程序代码和内容的环境。
* **编辑 (Edit)：** 一款由 AI 驱动的工具，具有 Tailwind 原生视觉控件，可进行精确直观的优化。
* **重混 (Remix)：** 复制任何项目作为新的起点。重混功能允许您在保留原始版本的同时，试验更改和探索新想法。
* **预览 (Preview)：** 一个实时的交互式视图，用于在发布更改前测试功能和内容。

## 产品与开发

### **产品管理与策略**

* **MVP (最小可行产品)：** 产品的最简化版本，仅包含足以吸引早期用户并验证核心理念的功能。
* **路线图 (Roadmap)：** 概述产品愿景、方向和未来功能的高层次计划。
* **功能请求 (Feature Request)：** 来自用户或利益相关者的关于新功能或改进的建议。
* **用户故事 (User Story)：** 从最终用户的角度对功能的简短描述。
* **用户旅程 (User Journey)：** 用户在您的产品中为实现目标所经过的路径。
* **用户画像 (Persona)：** 根据研究创建的目标用户的详细虚构档案，用于指导设计和开发决策。

### **工程概念**

* **PRD (产品需求文档)：** 详细说明产品目的、功能和技术规格的文档，用于指导开发团队。
* **API (应用程序编程接口)：** 一套允许不同软件应用程序进行通信和交换数据的规则。常见类型包括 REST 和 GraphQL API。
* **重构 (Refactor)：** 在不改变代码功能的情况下，重新组织代码结构以提高其质量和可维护性的过程。
* **GitHub：** 一个用于版本控制和协作软件开发的流行平台。

### **数据与分析**

* **A/B 测试 (A/B Testing)：** 比较网页或功能的两个版本，以确定哪个版本表现更好。
* **转化率 (Conversion Rate)：** 完成特定目标（如注册或购买）的用户百分比。
* **流失率 (Churn Rate)：** 在特定时期内停止使用您产品的用户百分比。
* **留存率 (Retention Rate)：** 随时间推移继续使用您产品的用户百分比。
* **事件追踪 (Event Tracking)：** 监控特定的用户行为（如点击或表单提交）以了解用户参与度。

## **UI/UX 与前端开发**

### **前端开发**

* **前端 (Frontend)：** 应用程序中用户看到并与之交互的部分，包括用户界面和整体体验。
* **React：** 一个用于构建动态用户界面的流行 JavaScript 库，尤其适用于单页应用程序。
* **渐变 (Gradient)：** 两种或多种颜色之间的平滑过渡。
* **Tailwind CSS：** 一个以实用工具为先的 CSS 框架，用于在 HTML 中快速构建自定义设计。
* **设计系统 (Design System)：** 一套标准化的可重用组件和指南，确保产品设计的一致性。

### **UI/UX 设计概念**

* **强调色 (Accent Color)：** 一种用于突出显示按钮或链接等关键元素的对比色。
* **主题 (Theme)：** 应用程序的整体外观和感觉，由其配色方案、排版和布局定义。
* **响应式设计 (Responsive Design)：** 一种确保您的应用程序在任何设备（从桌面电脑到手机）上都能良好显示和运行的方法。
* **首屏 (Above the Fold)：** 无需滚动即可在网页上看到的内容。这是展示重要信息的黄金位置。
* **CTA (行为召唤)：** 鼓励用户采取特定行动的提示，如按钮或链接（例如，“注册”、“立即购买”）。

### **页面结构与导航**

* **标题 (Headings)：** 用于组织内容并建立清晰视觉层级的标题（H1、H2 等）。
* **页脚 (Footer)：** 网页底部的区域，通常包含链接、联系信息和法律声明。
* **面包屑导航 (Breadcrumb)：** 显示用户在网站上当前位置的导航路径（例如，主页 > 产品 > 笔记本电脑）。
* **网站图标 (Favicon)：** 在浏览器标签页或书签中代表您网站的小图标。
* **元标题 (Meta Title)：** 显示在搜索引擎结果和浏览器标签页中的页面标题，对 SEO 至关重要。
* **元描述 (Meta Description)：** 显示在搜索结果中以吸引点击的网页简短摘要。
* **规范链接 (Canonical URL)：** 一个告知搜索引擎页面的首选版本的标签，以避免重复内容问题。
* **URL Slug：** URL 中用于标识特定页面的用户友好部分（例如，`/about-us`）。
* **站点地图 (Sitemap)：** 列出您网站上所有页面的文件，以帮助搜索引擎有效地索引它们。
* **导航栏 (Nav Bar)：** 提供指向网站关键部分链接的主菜单。
* **跳转链接 (Skip Links)：** 允许用户绕过导航直接跳转到主要内容的可访问性链接。
* **分页 (Pagination)：** 将长内容列表分成独立页面的系统。
* **锚点链接 (Anchor Link)：** 将用户滚动到同一页面上特定区域的链接。
* **404 页面：** 当用户尝试访问不存在的 URL 时显示的自定义错误页面。

### **通知与反馈**

* **轻提示 (Toast)：** 一种小型的临时通知，对某个操作提供简短反馈。
* **信息条 (Snackbar)：** 类似于轻提示，但通常出现在屏幕底部，并可能包含一个操作按钮（例如，“撤销”）。
* **工具提示 (Tooltip)：** 当鼠标悬停在某个元素上时出现的弹出框，提供额外信息。
* **徽章 (Badge)：** 图标或按钮上的小型视觉标记，用于指示数量、状态或通知。
* **加载动画 (Loading Spinner)：** 表示后台正在运行某个进程的动画图标。
* **进度条 (Progress Bar)：** 显示任务完成进度的可视化条。
* **骨架屏加载 (Skeleton Loader)：** 模仿最终内容布局的占位符 UI，以改善加载速度的感知。

### **浮层与弹窗**

* **弹出框 (Popover)：** 一种提供与特定元素相关的额外上下文或选项的浮层。
* **对话框 (Dialog/Modal)：** 出现在主内容之上的窗口，需要用户交互才能关闭。
* **抽屉 (Drawer/Sidebar Panel)：** 从侧面滑入的面板，通常包含导航或设置。
* **灯箱 (Lightbox)：** 一种以聚焦、放大的视图显示图像等媒体的模态窗口。
* **警告框 (Alert Box)：** 通知用户关键信息、错误或警告的系统消息。

### **导航与选择**

* **按钮 (Button)：** 触发操作的可点击元素。
* **开关 (Switch/Toggle)：** 允许用户在两种状态（如开和关）之间切换的控件。
* **标签页 (Tabs)：** 将内容组织成不同视图的组件，用户可以在这些视图之间切换。
* **步骤条 (Stepper/Wizard)：** 向用户显示其进度的引导式多步骤流程。
* **折叠面板 (Accordion)：** 用于组织和展示内容的一系列可折叠面板。
* **下拉菜单 (Dropdown Menu)：** 当用户与按钮或字段交互时出现的选项列表。

### **表单与输入**

* **表单 (Form)：** 用于收集用户数据的一组字段，如注册表单或联系表单。
* **单选按钮组 (Radio Group)：** 一组选项，用户只能选择其中一个。
* **复选框 (Checkbox)：** 允许用户从列表中选择一个或多个选项的控件。
* **文本字段 (Text Field)：** 用于单行文本输入的标准输入框。
* **文本区域 (Text Area)：** 用于多行文本（如评论或消息）的较大输入框。
* **选择框 (Select/Dropdown Select Box)：** 用于从预定义集合中选择一个选项的下拉列表。
* **日期选择器 (Date Picker)：** 允许用户轻松选择日期的日历界面。
* **滑块 (Slider)：** 用于从连续范围中选择一个值的控件。
* **文件上传 (File Upload)：** 允许用户从其设备上传文件的组件。
* **自动完成 (Autocomplete)：** 在用户输入时建议结果的输入字段。

### **设计风格与趋势**

在您的 prompt 中使用这些术语来定义您想要实现的美学风格。

* **新粗野主义 (Neobrutalism)：** 一种原始、高对比度的设计风格，具有粗体排版和未经修饰的元素。
* **复古风 (Retro)：** 通过使用过去几十年的风格来唤起怀旧感的设计。
* **黑客风 (Hacker)：** 一种受终端界面启发的美学风格，特点是深色背景和等宽字体。
* **玻璃拟态 (Glassmorphism)：** 一种使用半透明、磨砂玻璃状图层来创造深度的风格。
* **裸色风 (Nudy)：** 一种极简主义方法，使用柔和、中性的调色板打造低调的外观。

## **后端开发与数据库**

### **后端基础**

* **后端 (Backend)：** 应用程序中处理数据、逻辑和核心操作的服务器端。
* **Webhooks：** 当特定事件发生时，应用程序自动发送的消息，允许实时数据交换。

### **数据库管理**

* **CRUD (Create, Read, Update, Delete)：** 管理数据的四个基本操作。
* **SQL (结构化查询语言)：** 用于管理和查询关系数据库中数据的标准语言。
* **PostgreSQL：** 一款功能强大的开源关系数据库，以其可靠性和高级功能而闻名。

### **安全与认证**

* **OAuth：** 一种认证标准，允许用户使用像 Google 或 GitHub 这样的第三方账户登录。
* **双因素认证 (2FA)：** 一种安全层，要求用户提供两种形式的身份证明才能登录。
* **CORS (跨源资源共享)：** 一种安全机制，用于控制您服务器上的资源如何被其他域访问。