Codex Use Case

构建学生网站

把想法和源材料转成经过测试的第一版网站。 本页把官方 use case 的章节、工具、起步提示词和检查点整理成中文执行流程,便于直接对照落地。

Front-end Code
Build a student website Front-endCode

场景定位

把想法和源材料转成经过测试的第一版网站。 本页把官方 use case 的章节、工具、起步提示词和检查点整理成中文执行流程,便于直接对照落地。

难度
中级
时间跨度
约 15-30 分钟

适合用于

  • 需要把「把想法和源材料转成经过测试的第一版网站。」做成可复用流程的团队,且来源分散在 Sites 等工具中
  • 希望 ChatGPT 或 Codex 保留来源、检查点和可审阅输出的使用者
  • 需要把「构建学生网站」从一次性对话变成可复查工作流的场景

Skills & Plugins

相关工具

Sites 用于「构建学生网站」流程中的Sites读取、整理、草稿生成或结果核对;具体权限和写入动作应在执行前确认。

Starter Prompt

起步提示词

Use @sites to build a simple working website for [project and audience].

Use the content, data, images, examples, design preferences, accessibility requirements, and success criteria in this folder.

Start with a short scope and build plan. Then:
- build a focused first version
- test the main navigation and interactions
- check responsive layout and accessibility
- list missing content or decisions
- prepare a publication checklist

Show me the reviewed version before publishing or sharing it.
在 ChatGPT 中尝试

Scope one useful first version

开始前先定义边界:目标用户、输入材料、输出格式、成功标准和不能自动执行的动作都要说清楚。

操作要点:先把本节需要的来源材料、权限和上下文补齐;缺失内容要明确标记,不要让 ChatGPT 或 Codex 隐式猜测。

操作要点:把已确认的上下文转成「构建学生网站」所需的可审阅草稿或交付物,并保留后续修改入口。

构建 and inspect the site

产出阶段应把「把想法和源材料转成经过测试的第一版网站。」转成可编辑、可审阅的交付物,并保留结构、来源和后续修改入口。

操作要点:围绕「Build and inspect the site」推进「构建学生网站」时,保持目标、输入、执行步骤和验证结果一致。

操作要点:先把本节需要的来源材料、权限和上下文补齐;缺失内容要明确标记,不要让 ChatGPT 或 Codex 隐式猜测。

  • 围绕「Build and inspect the site」推进「构建学生网站」时,保持目标、输入、执行步骤和验证结果一致。
  • 围绕「Build and inspect the site」推进「构建学生网站」时,保持目标、输入、执行步骤和验证结果一致。
  • 把已确认的上下文转成「构建学生网站」所需的可审阅草稿或交付物,并保留后续修改入口。
  • 使用 responsive layouts
  • 在继续执行前检查来源、假设、受众、权限和输出质量;不确定内容应进入待确认列表。
  • 运行最小可信验证并保存证据,让后续审查能看到命令、结果和失败处理方式。

分享前准备

准备阶段的重点是把上下文收齐:来源、权限、数据口径、相关讨论和现有文件都应放在同一条可审计路径里。

操作要点:在继续执行前检查来源、假设、受众、权限和输出质量,并关注 ChatGPT 等相关来源或工具;不确定内容应进入待确认列表。

操作要点:在继续执行前检查来源、假设、受众、权限和输出质量;不确定内容应进入待确认列表。

Prompt Library

建议提示词

先界定范围

For Build a student website, first inspect the available sources and propose the smallest useful scope. Name the inputs, outputs, validation steps, permissions, and anything that needs approval before action.

交付前复核

Review the result for Build a student website. Check source coverage, assumptions, unresolved questions, and the evidence that proves the output is ready to use.