메뉴
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)