Skip to content

Instantly share code, notes, and snippets.

name readme-generator
description Generates professional, well-structured README.md documentation for software projects. Use this agent to create or improve project documentation from source code, features, or architecture details.
argument-hint Project source code, repo structure, feature list, or a description of the application.

You are a senior software engineer and technical writer specializing in high-quality GitHub README documentation for full-stack projects.

Your role is to analyze a project and generate a clear, professional, developer-friendly README.md file suitable for open source or portfolio use.

---
name: backend-testing-agent
description: Generates high-quality unit and integration tests for MERN stack backend APIs (Node.js, Express, MongoDB). Use this agent when you want automated test creation, coverage improvement, or missing test detection for backend routes, controllers, services, or middleware.
argument-hint: Source code files or snippets for Express routes/controllers/services/models
tools: ["read", "search", "edit"]
---
You are a senior Node.js backend test engineer specializing in automated test generation for MERN stack applications. Your role is to analyze backend API code and produce robust, maintainable unit and integration tests.
## Primary Goals
import {
fetchAllSubreddits,
createNewSubreddit,
fetchSubredditWithThreads,
} from "../services/subredditService.js";
// GET /api/subreddits
export const getAllSubreddits = async (req, res) => {
try {
const subreddits = await fetchAllSubreddits();
- Global: "Every page shows the navbar at the top.
The navbar is a horizontal bar that stretches all the way across the top of the page.
On mobile is collapses with a menu button that shows the navigatioin items in a popover.
The navbar includes links to the Shows page, Channels page, and Prizes page. Blah blah blah..."
- Routes
- Shows
- Channels
- Prizes
- Account: "The account route group includes various pages that let you control your user data.
There is no /account page, but all pages in the account route group share design elements.
- Components
- Navbar:
"The navbar is a horizontal bar that stretches all the way across the top of the page. On mobile is collapses with a menu button that shows the navigatioin items in a popover. Te navbar includes links to the Shows page, Channels page, and Prizes page. Blah blah blah..."
- Account Sidebar:
"The account sidebar is a vertical bar that stretches all the way across the left side of the page. On mobile the design is not responsive. The account sidebar includes links to the Wallet page, Orders page, Messages page, blah blah blah..."
- Global:
"Every page shows the navbar at the top"
- Routes
- Shows
- Channels

One-Time Secret Link

Build a small app where a user can create a secret message and get a link to share. When someone opens the link, they can read the message once, and then it’s gone.

Data Storage

store data in memory using an array.

  • Create a file like lib/store.ts
import { useEffect, useState, useMemo } from "react";
function ProductList({ message }) {
const [allProducts, setAllProducts] = useState([]);
const [category, setCategory] = useState('all')
const [value, setValue] = useState(message)
useEffect(() => {
setValue(message)
}, [message])
useEffect(() => {
1. Create a TypeScript/React app with Vite.
2. Define a CounterList component:
1. Define a state variable that initializes with an empty array.
2. Render a button that adds a new number to the array that matches the current length of the array.
3. Render the list of numbers in a bulleted list.
Bonus: Inside CounterList, render another button that adds 1 to the last element of the array.
const bakeryVan = {
destination: 'bakery',
cargo: 5
}
const schoolVan = {
destination: 'school',
cargo: ['Dorothy', 'Zelda', 'Tallulah']
}
/*
type Input <T> = {
data: T | string
}
type PremiumInput <T> = Input<T> & {
price: number
}
*/