Prompt Library

Ready-made vibecoding prompts. Click to copy, paste into your AI tool of choice.

Build a modern landing page with:
- A hero section with a headline, subtitle, and CTA button
- A features section with 3 cards (icon, title, description)
- A testimonials section
- A footer with links
- Use a dark background with a purple accent color
- Make it responsive and mobile-friendly
- Use HTML, Tailwind CSS, and vanilla JavaScript

Create a REST API with these endpoints:
- GET /api/items — list all items (support ?page=1&limit=10)
- GET /api/items/:id — get a single item
- POST /api/items — create a new item (validate required fields)
- PUT /api/items/:id — update an item
- DELETE /api/items/:id — delete an item
- Return proper HTTP status codes and JSON error messages
- Use Express.js with TypeScript

Build a simple auth system with:
- User registration with email and password
- Password hashing with bcrypt
- Login endpoint that returns a JWT token
- Middleware to protect routes
- Input validation (email format, password minimum length)
- Use Node.js, Express, and a SQLite database

Create an admin dashboard with:
- A sidebar navigation with icons and labels
- A top bar with search and user avatar
- A main content area with:
  - 4 stat cards (e.g. users, revenue, orders, growth)
  - A line chart placeholder
  - A recent activity table
- Collapsible sidebar on mobile
- Dark theme with neutral colors
- Use React and Tailwind CSS

Design a database schema for a blog platform:
- Users: id, email, name, avatar, bio, created_at
- Posts: id, author_id, title, slug, content, published, created_at, updated_at
- Comments: id, post_id, author_id, body, created_at
- Tags: id, name, slug
- Post-tag relationship (many-to-many)
- Add proper indexes and foreign keys
- Use PostgreSQL with Prisma ORM, give me the schema.prisma file

Build a contact form in React with:
- Fields: name, email, phone (optional), message
- Real-time validation:
  - Name required, min 2 characters
  - Email required, valid format
  - Message required, min 10 characters
- Show inline error messages below each field
- Disable submit button until form is valid
- Show a success message after submission
- Style with Tailwind CSS, clean minimal design

Create a command-line tool in Node.js that:
- Accepts a directory path as an argument
- Scans all files recursively
- Outputs a tree view of the file structure
- Shows file sizes in human-readable format (KB, MB)
- Supports --ignore flag to skip directories (e.g. node_modules)
- Add colored output using chalk
- Include --help flag with usage instructions

Create an HTML email template for a welcome email:
- Company logo at the top
- Greeting with the user's name (use {{name}} placeholder)
- Welcome message paragraph
- A "Get Started" CTA button (purple background, white text)
- 3 feature highlights with icons
- Footer with unsubscribe link and company address
- Must work in Gmail, Outlook, and Apple Mail
- Use inline CSS only, table-based layout for compatibility

Create a Node.js script that runs as a scheduled task:
- Fetch data from a public API every hour
- Store the results in a local JSON file
- Keep only the last 24 entries (rotating log)
- Log each run with timestamp to a log file
- Handle errors gracefully (network timeouts, API errors)
- Use node-cron for scheduling
- Include a --run-now flag for manual testing