PromptHub
首页/产品策略/网站生成指南

场景 Prompt

网站生成指南

提供Next.js网站设计、开发和部署的完整指南

这条 Prompt 适合做什么

提供Next.js网站设计、开发和部署的完整指南

产品

现在就用

直接复制

查看源文件

如果你只想马上开始，复制下面正文就够了。完整说明放在下方的展开区。

# 网站生成指南

## 信息结构设计
从二十年资深产品设计师和专业交互设计师角度，对比市面上流量较好的相关产品进行分析，给出页面信息和操作流程。

## 技术实现要求
- Next.js开发框架
- Vercel部署平台
- Vercel统计数据集成
- SEO优化支持
- 国际化支持（默认与浏览器语言一致）
- pnpm包管理
- 类shacdnui简洁设计风格
- 黑白色系配色
- 组件化UI处理
- Zustand全局状态管理
- LocalStorage数据存储
- Markdown格式内容存储

最短示例

你可以这样给
示例输入
你会得到
示例输出
展开完整使用说明

适用目标

提供Next.js网站设计、开发和部署的完整指南 网站生成指南

你需要提供

context

必填

业务/产品背景与现状

goal

目标与成功指标（metrics）

constraints

约束（资源、时间、合规、技术边界等）

deliverable

期望输出（PRD/方案/roadmap/评审材料）

使用步骤

  1. 1

    定义问题

    明确用户/场景/痛点与成功指标，列出非目标（non-goals）。

  2. 2

    生成方案

    给出可选方案与权衡，覆盖成本、风险与依赖。

  3. 3

    落地计划

    输出里程碑、验收标准与埋点/监控建议。

  4. 4

    评审与迭代

    提出需要对齐的问题清单与下一步行动。

输出格式

请按以下结构输出：

## Problem
- 问题陈述：…
- 目标/指标：…
- Non-goals：…

## Options
- 方案 A：…（权衡/风险/依赖）
- 方案 B：…

## Plan
- 里程碑：…
- 验收标准：…

## Questions
- 需要对齐的问题：…

自查清单

  • 问题定义是否清楚，是否有 non-goals？
  • 指标/验收标准是否明确？
  • 方案是否给出权衡与风险？
  • 是否有里程碑与下一步？

使用提示

  • 提供具体的网站需求和目标
  • 明确技术栈偏好