# OPC Manager Frontend Design Checklist

## Before Development

- Build first screen as the operating dashboard, not a landing page.
- Keep dashboard metrics visible above the fold.
- Keep module navigation persistent and obvious.
- Prefer shadcn-style controls: Button, Tabs, Table, Sheet, Form, Input, Select, Textarea, Badge, Card.
- Use Tailwind tokens consistently for spacing, border, radius, color, and typography.

## Page-Level Checks

- 首页: metrics, risk reminders, recent activity, finance trend preview.
- 销售: compact table, priority badge, status badge, latest timeline entry, drawer edit flow.
- 业务方案: one version per card, four file groups, upload, preview, download.
- 运营: type filter, opportunity/execution fields, SOP execution visibility, project-version file ownership.
- 产品: one version per card, drawer editing, feature list readability.
- 财务: trend chart and detail rows reconcile with the same source data.

## Post-Development Audit

- No decorative landing sections before the dashboard.
- No nested cards that reduce scan speed.
- Drawers do not overflow or hide save actions.
- Tables remain readable at desktop widths.
- Status colors are consistent across modules.
- Preview and download actions are available for uploaded/indexed files.