Prompt cookbook

SaaS Dashboard Pro

Paste a prompt into your coding agent with the project open. Each one names the file it changes, so the agent doesn't have to search the codebase.

AI status: No AI features. Dashboard pages with inline mock data you replace page by page.

Prompt 1

Change the accent colour

In src/app/globals.css, change --primary and --accent to my brand colours. Check the active state in the sidebar.

Prompt 2

Add /dashboard/reports, copying the layout of /dashboard/analytics, and add the sidebar link in src/components/Sidebar.tsx.

Prompt 3

Replace the mock data in src/app/dashboard/page.tsx with a server fetch from my API. Keep the chart props the same.