Vibe Coding 提示词

App · Intermediate

产品数据分析看板提示词

生成信息密度高但层级清楚的数据看板,并兼顾小屏幕上的可读性。

Vibe Codingv0BoltReplit

可复制的提示词模板

技术模板保留英文,便于直接用于兼容的编程 Agent;页面说明、选型建议和检查步骤均已中文本地化。

Create a responsive product analytics dashboard for [PRODUCT TYPE]. The primary user is [USER ROLE], and their most important daily decision is [DECISION].

Build the interface around that decision instead of filling the screen with unrelated metrics.

Include:
- A collapsible sidebar with Overview, Acquisition, Activation, Retention, and Settings.
- A top bar with workspace switcher, date range, comparison period, and export action.
- Four KPI summaries for [KPI 1], [KPI 2], [KPI 3], and [KPI 4], each showing current value, change, and a short interpretation.
- One primary trend visualization and one supporting breakdown visualization using realistic sample data.
- A sortable table for [CORE ENTITY] with search, filters, pagination, and a row detail interaction.
- A small insight panel that explains the most meaningful change in plain language.

Interaction and states:
- Filters must visibly change the displayed sample data.
- Add useful loading skeletons, an empty state, and a recoverable error state.
- On mobile, prioritize KPIs and the main trend; move secondary controls into a clear drawer.
- Provide keyboard-visible focus and descriptive labels for chart controls.

Visual direction: [VISUAL DIRECTION]. Use color to communicate status and data, not as decoration. Avoid a wall of identical cards. Use spacing, dividers, typography, and alignment to establish hierarchy.

Finish by checking that totals, percentages, trends, chart labels, and table values are internally consistent.

使用前先完成定制

替换所有变量,删除不需要的功能,并加入真实内容、技术限制和明确的验收条件。

  • PRODUCT TYPE — subscription-based writing assistant
  • USER ROLE — growth product manager
  • DECISION — which onboarding step needs improvement
  • KPI 1–4 — Activation, WAU, D30 retention, Paid conversion
  • CORE ENTITY — acquisition channel
  • VISUAL DIRECTION — editorial, neutral, high-density but calm

系统检查生成结果

检查移动端、键盘操作、加载、空数据与错误状态,并使用真实数据完成核心流程。

选择 AI 编程工具

来源与维护信息

相关资源