构建提示词整理器网页应用

构建以下应用。简要思考其功能及构建方式，但思考过程中绝不能涉及任何代码： 应用名称：提示词管理器 核心用途： 一款基于网页的工具，帮助用户直接在浏览器中保存、编辑、删除和分类AI提示词。 主要功能： - 基于本地存储 - 使用localStorage或IndexedDB实现跨会话持久化。 提示词管理： 保存提示词，包含： - 标题 - 描述 - 标签 - 完整提示词文本 编辑已有提示词 删除提示词 以瀑布流（bento）格式查看提示词 组织与搜索： - 基于标签的横向列表过滤 - 关键词全文搜索 排序方式： - 按创建日期 - 按修改日期 界面设计： 单文件应用（全部整合在一个HTML文件中） 简洁、现代且响应式的布局 白色背景 布局：“提示词管理器”标题顶部左对齐，搜索图标移动端右对齐，搜索栏桌面端右对齐，标签筛选横向列表位于下方，右下角为黑色“+”图标。 初始设置： - 首次加载时填充示例提示词 - 全部逻辑使用原生HTML、CSS和JavaScript处理 - 无外部库或依赖