场景 Prompt

网站生成

Tags: 交互, 从0-1, 设计, 页面信息

这条 Prompt 适合做什么

Tags: 交互, 从0-1, 设计, 页面信息

开发

现在就用

直接复制

查看源文件

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

Tags: 交互, 从0-1, 设计, 页面信息

```markdown
从需求描述角度,写一段提示词:做一个设计这个网站的信息结构 请以二十年资深产品设计师和专业的交互设计师角度对比目前市面上流量比较好的相关产品做分析并给出页面信息和操作流程,next.js开发、vercel部署,vercel统计数据要能看到访问量,支持seo,支持国际化默认跟浏览器语言一致,使用pnpm,类shacdnui简洁的设计风格,提供网站适合的名字以便于googl搜索获取流量
```

```json
从需求描述角度,写一段提示词:做一个设计这个网站的信息结构 请以二十年资深产品设计师和专业的交互设计师角度对比目前市面上流量比较好的相关产品做分析并给出页面信息和操作流程,next.js开发、vercel部署,vercel统计数据要能看到访问量,支持seo,使用pnpm,类shacdnui简洁的设计风格
```

```json
next.js开发、vercel部署,vercel统计数据要能看到访问量,支持seo,使用pnpm,类shacdnui简洁的设计风格 黑白色系、尽可能以nextjs最佳实践,组件化处理UI, 不要太长的文件,合适的架构、zustand全局状态管理、不需要链接数据库,纯前端,相关数据写入localtorage
```

```hcl
next.js开发、vercel部署,vercel统计数据要能看到访问量,支持seo,使用pnpm,类shacdnui简洁的设计风格 黑白色系、尽可能以nextjs最佳实践,组件化处理UI, 行数不超过800,合适的架构、zustand全局状态管理、不需要链接数据库,相关操作状态等数据写入localstorage,内容数据写到工程用md格式存储
```

```json
为保障信息来源,需要相关信息备注时间和信息源
```

```json
请从专业交互设计师角度梳理用户体验流程,并绘制交互时序图
```

```json
Build a modern, responsive landing page for an AI-powered micro SaaS tool that helps creators 具体的内容.

The website should include the following:

1. Home page

具体的功能

A "Join the Waitlist" button that opens a form to collect user name and email, which submits to my Notion database via API.
具体的属性

2. Pricing page

Simple pricing table with 2 plans:  Starter ($10), Pro ($29)

For now, clicking “Buy” or “Subscribe” on any pricing plan shows a message like “Coming soon” or “Under development”

3. Terms and Policies pages

Basic Terms of Service, Privacy Policy, and Refund Policy sections with placeholder text

Each with a clean layout and minimal legal language, editable later

Use a modern, minimal design with Tailwind CSS styling and dark mode support. Mobile-first layout. Clean and free font . nextjs,shacdnui

add vercel anyliys component to get data

Bonus: Add a footer with links to Home / Pricing / Terms / Privacy / Contact.
```

最短示例

你可以这样给
根据你的需求提供相关输入
你会得到
基于提示词生成的专业输出
展开完整使用说明

适用目标

Tags: 交互, 从0-1, 设计, 页面信息 网站生成

你需要提供

code

必填

待处理/审查/改写的代码(尽量包含上下文)

language

语言/框架/运行环境

context

业务背景与约束(性能/安全/兼容性/团队约定等)

focus

本次关注点(可多选)

correctness, security, performance, readability

使用步骤

  1. 1

    澄清目标与边界

    复述目标与运行环境,提出最少关键问题,明确输入/输出与副作用边界。

  2. 2

    扫描正确性与风险

    检查边界条件、异常路径、并发时序与安全风险,指出可复现的触发路径。

  3. 3

    给出可落地改进

    按优先级给出建议;必要时提供伪代码或 diff 级改动,并说明验证方法。

  4. 4

    用输出契约收口

    以结构化格式输出结论、问题清单、建议清单与验证清单。

输出格式

请按以下结构输出:

## TL;DR(1-3 行)
- 结论与最高优先级问题

## Issues(按 P0/P1/P2 分组)
- [P0] 问题:…
  - 影响:…
  - 证据/触发路径:…
  - 建议:…

## Suggested Changes(可选)
- 可直接应用的修改建议(伪代码或 diff 片段)

## Verification Checklist
- [ ] 单元测试/用例
- [ ] 边界条件
- [ ] 性能/安全验证

## Questions(若缺上下文)
- 仅列出最少、最关键的问题

自查清单

  • 是否明确了输入/输出与副作用边界?
  • 是否指出了可复现的 bug/风险触发路径?
  • 是否覆盖了安全与依赖风险?
  • 是否给出按优先级排序的可执行建议?
  • 是否给出验证清单(测试/指标/回归点)?

使用提示

  • 可以根据具体需求调整提示词内容
  • 建议提供具体的上下文信息以获得更好的结果