写了一个静态的在线提示词导航网站

为了便于平时使用的 AI 提示词进行管理,我制作了一个静态在线提示词展示网页,用于展示及管理,大家可以来看看哦

在线提示词导航网站

项目简介

喵喵提示词是一个纯前端的 AI 提示词导航网站,为用户提供方便快捷地获取适用于各种场景优质 AI 提示词的功能,每条提示词都有中英文两种语言供选择,可以一键复制,使用更加快速简单。

主要功能

  • 🔍 智能搜索 - 快速检索提示词
  • 📂 分类浏览 - 6大主分类,数十个子分类
  • 🌐 中英双语 - 每个提示词都有中英文版本
  • 📋 一键复制 - 快速复制到剪贴板
  • 🌙 夜间模式 - 支持深色主题
  • 📱 响应式设计 - 完美适配移动端

提示词分类

分类 说明
工作职业 求职办公、职业发展、工作效率
生活服务 日常助手、健康顾问、旅行规划
内容创作 文案写作、视频脚本、创意设计
学习提升 语言学习、编程教育、知识管理
休闲体验 游戏互动、娱乐消遣、兴趣爱好
其他指令 特殊场景、综合应用

快速开始

在线访问

直接打开 index.html 即可使用,无需服务器。

本地运行

# 克隆项目
git clone https://github.com/your-username/aiprompt.miaonav.top.git

# 进入目录
cd aiprompt.miaonav.top

# 用浏览器打开 index.html
# 或使用本地服务器
python -m http.server 8080

数据导入工具

项目包含一个 Python 脚本可以一次性读取 Excel/CSV 文件中的大量提示词。

安装依赖

pip install pandas openpyxl pypinyin

使用方法

# 导入 Excel 文件
python import/import_prompts.py --file prompts.xlsx

# 导入 CSV 文件
python import/import_prompts.py --file prompts.csv

# 合并模式(去重)
python import/import_prompts.py --file prompts.xlsx --mode merge

# 自动创建新分类
python import/import_prompts.py --file prompts.xlsx --auto-create

# 生成模板文件
python import/import_prompts.py --template

导入模式

模式 说明
replace 替换现有数据(默认)
append 追加到现有数据末尾
merge 按标题去重后合并

Excel 文件格式

列名 说明 示例
主分类 6大分类之一 工作职业
子分类 细分分类 求职办公
标题 提示词标题 Excel公式大师
中文提示词 中文版本内容 作为一名 Excel 公式专家...
英文提示词 英文版本内容 As an Excel formula expert...

新分类自动处理

当导入的数据包含新的主分类时:

  1. 自动生成文件名 - 使用 pypinyin 将中文转为拼音
  2. 自动创建数据文件 - 生成 data-{slug}.js
  3. 自动更新配置 - 更新 app.js 中的分类映射
软件测试 → data-ruan-jian-ce-shi.js
区块链开发 → data-qu-kuai-lian-kai-fa.js

项目结构

aiprompt.miaonav.top/
├── index.html                    # 主页面
├── README.md                     # 项目说明
└── aiprompt_file/
    ├── app.js                    # 核心逻辑
    ├── styles.css                # 样式文件
    ├── category-counts.js        # 分类计数
    ├── logo/                     # Logo 图片
    └── split_data/               # 提示词数据
        ├── data-work-career.js       # 工作职业
        ├── data-life-services.js     # 生活服务
        ├── data-content-creation.js  # 内容创作
        ├── data-learning-improvement.js # 学习提升
        ├── data-leisure-experience.js   # 休闲体验
        └── data-other-instructions.js   # 其他指令

技术栈

  • 前端: HTML / CSS / JavaScript
  • UI框架: Tailwind CSS
  • 图标: Font Awesome 4.7
  • 数据导入: Python + pandas + pypinyin

添加新提示词

  1. Fork 本项目
  2. 在对应分类的 JS 文件中添加提示词数据
  3. 提交 Pull Request

或使用导入工具批量导入:

  1. 准备 Excel/CSV 文件
  2. 运行导入脚本
  3. 提交更改
上一篇 我们是在为SEO写作?还是在为读者写作?还是在为自己?
下一篇 推荐几个PhotoShop网页版工具,只要有浏览器就能用
随便看看
1 端午节回老家对自己焦虑情绪的一些想法
端午节回老家对自己焦虑情绪的一些想法
2
滑稽的小橙子
滑稽的小橙子
3
失业期间和朋友的闲聊
失业期间和朋友的闲聊
4
失业后的第7天
失业后的第7天
5
如何通过Netlify部署简单静态网站
如何通过Netlify部署简单静态网站
2026年6月
31
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
1
2
3
4
加载中...