在前端开发中，HTML页面的构建是最基础也是最关键的一环。随着AI辅助开发工具的不断进化，越来 越多开发者开始使用如Cursor这样的AI编程工具来提升效率。尤其是在HTML页面的搭建过程中，通过 合理使用提示词（prompt），可以让Cursor更准确地理解开发者意图，从而生成结构清晰、逻辑合理的 页面结构。 那么，如何编写高质量的提示词，来指导Cursor生成我们想要的HTML页面呢？ 一、明确页面目标和功能 在输入提示词之前，首先要清楚页面的基本功能。是要做一个登录页面，还是展示型的企业官网首页？ 不同的页面类型决定了结构的复杂程度和组件组合。 示例： 生成一个简洁的用户登录页面，包含用户名输入框、密码输入框、记住密码复选框和登录按 钮，整体风格偏现代。 通过描述"页面类型 + 核心功能 + 风格偏好"，Cursor更容易给出贴合实际需求的代码。 二、提供页面结构和元素细节 如果你对页面结构有清晰的认知，不妨在提示词中加入具体模块或组件。例如导航栏、轮播图、卡片、 表格、表单等。 示例： 写一个带顶部导航栏、横幅大图、三栏式服务介绍、底部联系信息的企业官网首页HTML页 面。 巧用Cursor提示词，高 ...

几年前做前端，HTML、CSS 和 JavaScript 被誉为「前端三剑客」，是很多入坑的开发者逃不开避不掉的技术。其中，HTML 负责搭建架子、CSS 负责视 觉美化、JavaScript 则主攻网页交互，三者缺一不可。 目前，这个项目也已经在 GitHub 上开源：https://github.com/BenjaminAster/CSS-Minecraft 480 行 CSS + 46022 行 HTML，堆出了一个 3D 世界！ 那 Benjamin Aster 是怎么做到的呢？ 这个问题其实也引起了不少开发者的兴趣。英国程序员、Django 框架的作者 Simon Willison 就在看到这个项目后，专门写了一篇博客，深入解析了这个 0 行 JavaScript、全靠 HTML 和 CSS 撑起来的《我的世界》克隆版背后的技术原理。 简单来看，这是一个 9x9x9 的世界，可以在其中放置或移除 7 种不同类型的方块，也可以以 3D 视角旋转这个世界，从不同角度进行观察。 不过最近，一位名叫 Benjamin Aster 的开发者却玩了波「反套路」—— 他竟然用纯 HTML 和 CSS 搞出了一个《 ...

程序员在产房外等老婆生娃，闲着无聊用代码写个出生证明～ 1、面向对象の文艺青年（Python） 连娃的出生时间都要精确到毫秒，程序员爹怕不是个处女座： import datetime class NewbornBaby: def __init__(self): self.birth_time = datetime.datetime.now() # 精确到毫秒的仪式感 self.gender = "女" def welcome_to_the_world(self): print("欢迎来到世界，宝贝！") # 标准出厂欢迎语 2、 Java -- OOP 狂魔 生个娃都要写 getter，不愧是 Java 程 序员， 这代码量比娃的体重还重，JVM 看了都流泪： baby = NewbornBaby()baby.welcome_to_the_world() # 输出：欢迎来到世界，宝贝！ import java.time.LocalDateTime; public class NewbornBaby { private final LocalDateTime birthTime; private final S ...

早上群里有个朋友说自己用 Gemini APP 里面的深度研究搞了一个特斯拉 Q1 财报的分析文档，另一个朋友 说转成网页，我就说我试试。 我直接把他的文档和我最近探索出来的提示词就放到了 Chatwise 里面，以往我都是用 Claude 3.7 生成网页 的，这次默认是 Gemini 2.5 Pro，我也没看就按下了回车。 没想到生成的网页炒鸡惊艳，Gemini 的网页内容很多同时理解了提示词提到的设计风格，非常漂亮。 可以看图也可以在这里预览： https://kueaqan0fo.app.yourware.so/ 这是特斯拉主题色红色的版本： https://2mfkmvgj12.app.yourware.so/ 其实这套提示词我好几天就发过了，不过主要在 Claude 上面用，虽然好一些但是，没这么惊艳，刚好这次 G emini 效果这么好之后写篇内容回答一下使用我的提示词的常见问题。 先看提示词： 帮我将这个特斯拉财报文档生成网页，不要遗漏信息 根据上面内容生成一个 HTML 动态网页 1. 使用Bento Grid风格的视觉设计，纯黑色底配合特斯拉红色#E31937颜色作为高亮 2. 强调超大字 ...