iblai-vibe-analytics
SolidAdd analytics dashboard page to your Next.js app
AI & Automation 15 stars
5 forks Updated today MIT
Install
Quality Score: 82/100
Stars 20%
Recency 20%
Frontmatter 20%
Documentation 15%
Issue Health 10%
License 10%
Description 5%
Skill Content
# /iblai-vibe-analytics
Add an analytics dashboard with a tabbed layout (`AnalyticsLayout`):
Overview, Courses, Programs, Users, Topics, Financial, Transcripts,
Reports. Each tab is a Next.js route under `/analytics/`.

> **Template:** the page this skill creates is bundled as
> [`assets/analytics-page.tsx.j2`](assets/analytics-page.tsx.j2). See
> [`/iblai-vibe-scaffold`](../iblai-vibe-scaffold/SKILL.md) for the `{{ }}` contract.
Do NOT add custom styles to ibl.ai SDK components. Do NOT implement dark
mode unless asked. Follow the component hierarchy: ibl.ai SDK
(`@iblai/iblai-js`) first, then shadcn/ui (`npx shadcn@latest add`).
## Prerequisites
- Auth set up (`/iblai-vibe-auth`)
- MCP server + skills configured (`@iblai/mcp` in `.mcp.json`)
- `iblai.env` populated with `PLATFORM`, `DOMAIN`, `TOKEN`. If missing:
`curl -o iblai.env https://raw.githubusercontent.com/iblai/vibe/refs/heads/main/iblai.env`
- **API companion (recommended):** `npx skills add iblai/api`. Installs
the `/iblai-analytics` REST reference and a filtered snapshot of the
live OpenAPI schema. This skill (frontend wiring) and that one (API
contract) stay in lockstep.
## Create the Page
Render [`assets/analytics-page.tsx.j2`](assets/analytics-page.tsx.j2) into
`app/(app)/analytics/page.tsx` (overview only). You create the layout and
sub-pages manually (below).
## Layou...
Details
- Author
- iblai
- Repository
- iblai/vibe
- Created
- 5 months ago
- Last Updated
- today
- Language
- JavaScript
- License
- MIT
Integrates with
Bundled in these plugins
Similar Skills
Semantically similar based on skill content — not just same category
AI & Automation Solid
iblai-vibe-account
Add account and organization settings page to your Next.js app
15 Updated today
iblai AI & Automation Solid
iblai-vibe-agent-audit
Add the agent Audit tab (audit log of who changed what and when, with user/date/action filters) to your Next.js app
15 Updated today
iblai AI & Automation Solid
iblai-vibe-course-access
Add course-content pages (edX user UI) to your Next.js app
15 Updated today
iblai