Getting Started with NeuralDesk AI Ops Dashboard
Last updated on 2026-04-05
NeuralDesk -- AI Operations Dashboard is a production-ready Next.js template for building a complete AI/LLM operations management platform. It includes 13 screens covering model monitoring, prompt management, usage analytics, error tracking, and a prompt playground -- all built with Tailwind CSS v4 and shadcn/ui.
What's Included
- 13 pages -- dashboard, models, prompts, usage, logs, errors, playground, team, settings, and auth
- 2 route groups --
(app)for the main AI ops dashboard,(auth)for login, signup, and forgot password - Light & dark mode -- oklch design tokens with purple/violet AI ops theme (hue 285)
- Recharts 3 dashboards -- token usage charts, cost breakdowns, latency trends, error frequency graphs, and model comparison visualizations
Prerequisites
- Node.js 18.17 or later
- pnpm (recommended) or npm
- A code editor -- VS Code recommended
Quick Start
# 1. Clone the repository (use the URL from your purchase email)
git clone <your-repo-url> neuraldesk-ai-ops-dashboard
cd neuraldesk-ai-ops-dashboard
# 2. Install dependencies
pnpm install
# 3. Start the dev server
pnpm dev
Open http://localhost:3000 to browse the AI ops dashboard.
Kit Overview
| Area | Screens | Key Features |
|---|---|---|
| Dashboard | 1 | Model performance stats, token usage chart, cost tracking, latency trends, recent activity feed |
| Models | 1 | Model registry, deployment status, version history, performance comparison |
| Prompts | 1 | Prompt library, templates, version history, A/B test results |
| Usage | 1 | Token usage analytics, cost breakdown by model, usage trends, budget alerts |
| Logs | 1 | Request/response logs, latency, token counts, status filtering, search |
| Errors | 1 | Error tracking, error types, frequency charts, resolution status |
| Playground | 1 | Test prompts against models, compare outputs, parameter tuning |
| Team | 1 | Team members, roles, permissions, API key management |
| Settings | 1 | General configuration, model defaults, notification preferences |
| Auth | 3 | Login, signup, forgot password |
| Root | 1 | Landing/redirect page |
Tech Stack
| Technology | Purpose |
|---|---|
| Next.js 16 | React framework with App Router |
| React 19 | UI library |
| Tailwind CSS v4 | Utility-first styling with oklch tokens |
| shadcn/ui v4 | Component primitives (@base-ui/react) |
| Recharts 3 | Dashboard and analytics charts |
| date-fns | Date formatting and utilities |
| Lucide React | Icon library |
| next-themes | Dark mode support |
Next Steps
- Installation -- detailed setup and configuration
- Project Structure -- understand the directory layout
- Design Tokens -- oklch color system and theming
- Accessibility -- WCAG AA compliance and keyboard support