add-admin-panel
CommandCreate basic admin dashboard with protected routes. Implement admin route protection with role-based access control. Create…
Integrate Chart.js or Recharts for data visualization. Create reusable chart components: line, bar, pie, area, scatter. Implement responsive sizing with container-based dimensions. Add interactive tooltips showing detailed data on hover. Create customizable legends with
Integrate Chart.js or Recharts for data visualization. Create reusable chart components: line, bar, pie, area, scatter. Implement responsive sizing with container-based dimensions. Add interactive tooltips showing detailed data on hover. Create customizable legends with click-to-hide series. Support real-time data updates with smooth animations. Add accessibility with ARIA labels and keyboard navigation. Implement color theming matching application design. Add data export functionality (PNG, CSV). Create chart loading states and error handling. Configure chart options: axis labels, gridlines, scales. Reference frontend-development-agent for React integration. Provide usage examples for each chart type.
A comprehensive Claude Code plugin with 81 commands and 12 specialized AI agents for building modern, full-stack web applications with Next.js 15, Azure, Railway, Bootstrap, and TypeScript.
Create basic admin dashboard with protected routes. Implement admin route protection with role-based access control. Create…
Integrate Google Analytics 4 for comprehensive tracking. Install gtag.js script in application layout. Create analytics wrapper…
Integrate privacy-friendly Plausible Analytics for cookieless tracking. Add Plausible script to application layout with custom…
Create a new Azure Function HTTP endpoint with full integration.
Create a new Express API endpoint with full integration.
Implement authentication system with comprehensive user management.
Implement tasks incrementally — build, test, verify, commit. Add "auto" to run the whole plan in one approved pass.