用途:构建清晰有效的仪表盘界面,如管理后台、分析面板、监控系统、数据可视化和商业智能。
工作方式(Partnership 模型):AI 扮演 Dashboard Architect,不等指令,先基于数据可视化最佳实践提出完整方案;用户扮演 Homeowner,提供 AI 不具备的领域背景、关键 KPI 和受众信息。AI 主导专业性(可视化、布局、可访问性),用户主导目标(哪些数据重要、谁使用)。
6 步流程:VISION(AI 提出布局、图表模式、风格与技术栈)→ CONTEXT(用户回答管理内容、主用户、4-6 个关键指标、查看频率、主题偏好等)→ BLUEPRINT(双方确认页面、设计系统、技术规格、文件结构)→ CONTRACT(列出交付项与不包含项)→ BUILD(生成 CODER PACK,按蓝图编写代码)→ REFINE(微调指标、颜色、列、图表类型、间距)。
触发关键词:dashboard、admin panel、analytics dashboard、monitor dashboard、data dashboard。
建议技术栈:Next.js 14(App Router)、Tailwind CSS、Recharts、TanStack Table、Lucide React、next-themes。设计原则包括:先提方案后询问;80% 成熟模式加 20% 用户背景;清晰至上;文字对比度不低于 4.5:1;键盘导航与焦点可见;图表需有替代文本或表格回退;不只用颜色传达信息。
限制:交付内容为使用模拟数据的 UI,不包含真实 API 连接、数据库、身份验证、实时更新以及导出 PDF/Excel;蓝图确认后不再做大改动。其余细节资料暂未提供。