Static Online Prompt Navigation Website

To make it easier to manage the AI prompts I use on a daily basis, I’ve created a static online prompt showcase page for displaying and managing them. Feel free to check it out!

Online Prompt Navigation Website

 

1. Project Overview

MeowMeow Prompts is a pure front-end AI prompt navigation website that provides users with a convenient and quick way to access high-quality AI prompts suitable for various scenarios. Each prompt is available in both Chinese and English, and can be copied with a single click, making it even faster and easier to use.

1.1 Main Features

  • 🔍 Smart Search - Quick Search Prompts
  • 📂 Browse by Category - 6 major categories, dozens of subcategories
  • 🌐 Bilingual (Chinese and English) - Each prompt is available in both Chinese and English
  • 📋 Copy with One Click - Quickly copy to the clipboard
  • 🌙 Night Mode - Supports dark mode
  • 📱 Responsive Design - Perfectly optimized for mobile devices

1.2 Classification of Prompts

Categories Note
Work and Career Job Search and Office Work, Career Development, Work Efficiency
Lifestyle Services Daily Assistant, Health Advisor, Travel Planner
Content Creation Copywriting, Video Scripts, Creative Design
Learning and Development Language Learning, Programming Education, Knowledge Management
Leisure Experiences Gaming, Entertainment, Hobbies
Other Commands Special Scenarios, Comprehensive Applications

 

2. Quick Start

2.1 Online Access

Open directly index.html Ready to use—no server required.

2.2 Running Locally

# Clone Project
git clone https://github.com/your-username/aiprompt.miaonav.top.git

# Navigate to the directory
cd aiprompt.miaonav.top

# Open index.html in a browser
# Or use a local server
python -m http.server 8080

 

3. Data Import Tool

The project includes a Python script that can read a large number of prompts from Excel or CSV files in a single operation.

3.1 Installing Dependencies

pip install pandas openpyxl pypinyin

3.2 Instructions for Use

# Import an Excel file
python import/import_prompts.py --file prompts.xlsx

# Import a CSV file
python import/import_prompts.py --file prompts.csv

# Merge Mode (Remove Duplicates)
python import/import_prompts.py --file prompts.xlsx --mode merge

# Automatically Create New Categories
python import/import_prompts.py --file prompts.xlsx --auto-create

# Generate Template File
python import/import_prompts.py --template

3.3 Import Mode

Mode Note
replace Replace existing data (default)
append Append to the end of the existing data
merge Merge after removing duplicates based on titles

3.4 Excel File Format

Listed Note Example
Main Category One of the 6 major categories Work and Career
Subcategory Subcategories Job Search and Office Work
Title Prompt Title Excel Formula Master
Chinese Prompt Content of the Chinese Version As an Excel formula expert...
English Prompt English Version Content As an Excel formula expert...

3.5 Automatic Processing of New Categories

When the imported data contains a new main category:

  1. Automatically Generate File Names - Use pypinyin to convert Chinese to pinyin
  2. Automatically Create Data Files - Generate data-{slug}.js
  3. Automatic Configuration Updates - Update app.js Classification Mapping in
Software Testing → data-ruan-jian-ce-shi.js
Blockchain Development → data-qu-kuai-lian-kai-fa.js

 

4. Project Structure

aiprompt.miaonav.top/
├── index.html # Main page
├── README.md # Project description
└── aiprompt_file/
    ├── app.js # Core logic
    ├── styles.css # Style sheet
    ├── category-counts.js # Category counts
    ├── logo/ # Logo Image
    └── split_data/ # Prompt Data
 ├── data-work-career.js # Work and Career
        ├── data-life-services.js     # Lifestyle Services
 ├── data-content-creation.js  # Content Creation
 ├── data-learning-improvement.js # Learning and Development
        ├── data-leisure-experience.js   # Leisure and Experiences
 └── data-other-instructions.js   # Other Instructions

 

5. Technology Stack

  • Front End: HTML / CSS / JavaScript
  • UI Framework: Tailwind CSS
  • Icon: Font Awesome 4.7
  • Data Import: Python + pandas + pypinyin

Add a new prompt

  1. Fork this project
  2. Add prompt data to the JS files in the corresponding categories
  3. Submit a Pull Request

Or use the import tool to import in bulk:

  1. Prepare an Excel/CSV file
  2. Run the import script
  3. Submit Changes
Previous Article Are we writing for SEO? Or for our readers? Or for ourselves?
Next Article Here are a few recommended Photoshop web-based tools—all you need is a browser to use them.
August 2026
26
27
28
29
30
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
31
1
2
3
4
5
Loading...
List of Articles
1 Here are a few recommended Photoshop web-based tools—all you need is a browser to use them.
Here are a few recommended Photoshop web-based tools—all you need is a browser to use them.
2
Website Icon Download Tool
Website Icon Download Tool
3
Image Format Converter
Image Format Converter
4
[WordPress Plugin] Canonical URL Management Plugin for Websites
[WordPress Plugin] Canonical URL Management Plugin for Websites
5
Batch Image Watermarking Tool
Batch Image Watermarking Tool