A simple, static web application to browse, search, and discover a curated collection of useful prompts for various tasks.
This application provides a platform for users to find useful prompts for various tasks. All prompts are stored in a single CSV file in the public directory, making it easy to access and contribute to the collection.
- Prompt Listing: Displays all available prompts in a responsive grid layout
- Metadata Display: Shows title, author, and tags for each prompt
- Author Links: Clickable author links to promote attribution and discovery
- Search Functionality: Client-side search to filter prompts by title, content, or author
- Tag Filtering: Filter prompts by category/tag
- CSV-Based Storage: All prompt data is stored in a single CSV file for easy access
- Public Directory: CSV file is placed in the public directory for direct access via Cloudflare Pages
- GitHub Contribution: Users can contribute new prompts by submitting Pull Requests
- Node.js (v20 or newer)
- pnpm package manager
# Clone the repository
git clone https://github.com/your-username/prompts-dir.git
cd prompts-dir
# Install dependencies
pnpm install
# Start the development server
pnpm devThe application will be available at http://localhost:3000.
- Fork this repository
- Edit the
public/prompts.csvfile to add your new prompt - Follow this format for your prompt entry:
"Your Prompt Title","Your Name","https://your-website-or-social-profile","tag1,tag2,category","Category Name","Your Prompt Title","Your prompt content goes here. You can use text formatting."
Make sure to properly escape any quotes in your prompt content by doubling them (e.g., ""quoted text"" instead of "quoted text").
- Submit a Pull Request with your new prompt
If you want to contribute to the application itself:
# Install dependencies
pnpm install
# Start development server
pnpm dev
# Build for production
pnpm build
# Preview production build
pnpm previewThis application is designed to be deployed on Cloudflare Pages:
# Deploy to Cloudflare Pages
pnpm deploy- Remix - Full-stack web framework
- React - UI library
- Tailwind CSS - Styling
- shadcn/ui - UI components
- Cloudflare Pages - Hosting