メニュー
Build and extend admin dashboard pages, layouts, tables, KPI cards, and control panels. Use when adding new admin sections, forms, or data views.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
Build and extend the personalization system. Use when adding behavior tracking, user preferences, personalized feeds, or privacy controls.
Build and extend the recommendation engine. Use when adding related posts, trending, personalized feeds, or saved posts.
Build and extend the search system. Use when adding search routes, indexing, ranking, filters, or search analytics.
Seo Keyword Research capability
Affiliate click and conversion tracking skill for DZIRE_v1. Records clicks, attributes conversions via session/click ID, and manages payout records.
Stripe payment integration skill for DZIRE_v1. Handles Checkout sessions, webhook verification, customer management, and payment security.
| name | admin-dashboard-builder |
| description | Build and extend admin dashboard pages, layouts, tables, KPI cards, and control panels. Use when adding new admin sections, forms, or data views. |
| category | build |
| version | v1.0 |
| inputs | ["user request","existing admin pages in frontend/src/admin/ and frontend/src/pages/admin/","API contracts in api/contracts/admin.json"] |
| outputs | ["React TypeScript admin page components","AdminLayout usage","Route additions to App.tsx"] |
Build and extend the DZIRE admin dashboard frontend. Creates admin pages using the shared AdminLayout component with sidebar navigation.
Use this skill when the user asks to:
lib/auth/token.tsfrontend/src/admin/ for existing pagesfrontend/src/admin/PageName.tsxAdminLayout from ./AdminLayoutisAdminAuthenticated() + redirect to /admin/loginAuthorization: Bearer ${token} headerApp.tsx under /admin/*AdminLayout.tsx NAV_ITEMS arrayfrontend/src/admin/AdminLayout.tsx — Shared sidebar layoutfrontend/src/App.tsx — Route registrationfrontend/src/lib/auth/token.ts — Token helpersfrontend/src/lib/api/admin.ts — Admin API clientapi/contracts/admin.json — Admin API contractadmin, editor, marketing, sponsor_manager, analyst, viewer
isAdminAuthenticated() on component mount and redirect if falseAuthorization: Bearer ${token} header for all admin API callsAdminLayout wrapper with title prop for consistent layoutbg-surfaceAlt, text-textPrimary, text-textMuted, text-primary)