前端
Frontend
学到 认得 就够：听到能明白
你可能会说
“我的课题网站已经能显示卡片和按钮，前端完成就代表整个功能都完成了吗？”
前端主要负责用户在浏览器等客户端中看到和操作的界面，包括内容结构、样式和交互。它可能在本地展示静态内容，也可能请求后端服务取得数据或完成动作。
使用 AI
科研里的例子
为知识网站设计筛选器时，说清它筛选哪些字段、数据来自哪里、无结果时显示什么。
前端与后端是职责划分，不宜简单按文件扩展名或某种语言区分。浏览器中的搜索框可能只搜本地索引，也可能把请求交给服务器；页面看起来相同，数据流、维护成本和能力可能不同。
动手试一次
用一句话描述一个按钮的输入、动作和用户可见结果。
在你的学科里，直接拿去用
把科普网站想法转为设计简报
请把我的科普网站想法写成设计简报，供下一轮Claude Design使用。 读者：[填写] 真实内容样例：[提供3—5份标题、摘要或卡片] 参考页面与喜欢的部分：[链接及原因] 先明确读者来要解决的事、首次访问路径、回访理由和内容维护量。分别讨论问题页、知识卡库、学习路线与作者更新流是否需要。给栏目命名、信息顺序、桌面与手机行为、空状态、加载状态、错误状态和可检查标准。提供必要的中英设计措辞；不用“高级感”替代尺寸、层级和动作。当前只交简报与待比较方案，不改网站界面代码。方括号里的内容换成你自己的。来自知识增量《科研中英表达与 Prompt 指南》PG12
查错并交付能核验的修复
请定位问题并给最小修复。 代码与环境：[粘贴] 输入样例：[不含私密信息的小样本] 实际错误或输出：[粘贴] 我期望：[填写] 先区分已观察事实与可能原因，优先用最小样例验证。解释根因，给最小差异和有意义的检查。没有实际运行权限时明确标为未运行建议，不把推测写成测试通过。若修改会影响研究规则或结果，指出具体影响，不顺手重构无关部分。方括号里的内容换成你自己的。来自知识增量《科研中英表达与 Prompt 指南》PG09
判断
亲手检查一次
按真实数据和手机屏幕走一次路径，分别检查界面与后端响应。
它做不到的
前端预览能打开，不表示数据库、登录、检索服务或实际部署已经可用。
增量，由你来写
读完这张，你的理解变了什么？
留言功能会在后面的版本开放。现在可以先在 X 上 @knowledgedelta 告诉我。