Big Words:Simon Willison开发的URL驱动幻灯片文字工具

Simon Willison用vibe coding开发了一个通过URL参数生成全屏文字幻灯片的极简网页工具。
Big Words是Simon Willison为解决演示工具只接受URL输入的问题而快速开发的网页工具,通过URL查询参数配置文字内容、颜色、字体、渐变等所有选项,实现无状态、可分享、可嵌入的设计。该工具采用vibe coding方式开发,零依赖纯前端实现,体现了小工具组合优于复杂系统的Unix哲学。
背景:一个简单但巧妙的需求
Simon Willison(知名开发者、Datasette创始人)最近在准备演讲时遇到了一个小问题:他使用自己此前通过「vibe coding」方式开发的macOS演示工具来制作幻灯片,但这个工具只接受URL作为输入。当他想添加一张纯文字幻灯片时,需要一个能通过URL参数生成文字展示页面的工具。
于是,Big Words诞生了——一个极简但实用的网页工具,通过查询字符串参数将文字渲染为全屏幻灯片样式的页面。

Big Words的工具设计:URL即配置
核心理念
Big Words的设计哲学非常直接:一切配置都通过URL查询参数完成。例如:
https://tools.simonwillison.net/big-words?text=simonwillison.net&gradient=1&size=9.5
这个URL会生成一张黑色到蓝色渐变背景上显示白色粗体「simonwillison.net」文字的页面。这种设计意味着每张幻灯片本质上就是一个URL,可以直接被他的演示工具加载。
URL查询参数作为配置接口,是Web开发中一种历史悠久但常被忽视的设计模式,学术上有时称为「URL as State」或「Stateless UI」。其核心优势在于:页面状态完全由URL决定,服务器无需维护会话,客户端无需本地存储,任何状态都可以通过分享链接完整复现。这一模式在早期Web应用(如Google Maps的坐标参数)和现代单页应用路由设计中均有广泛应用。对于工具类页面而言,URL即配置意味着工具天然具备「可书签化」「可分享」「可嵌入」三大特性,且无需用户注册或登录。Big Words将这一模式发挥到极致:每一张幻灯片的完整视觉配置——文字内容、颜色、字体、渐变角度——都被序列化为一个URL,使其可以直接作为其他工具的数据源被消费。
可配置的幻灯片选项
通过双击或双击触摸页面,用户可以访问一个设置面板,提供以下自定义选项:
- 文字内容(TEXT):要显示的文本
- 文字颜色(TEXT COLOR):默认白色
- 背景颜色(BACKGROUND):默认黑色
- 渐变背景:可选开启,支持设置第二颜色和角度
- 字体(FONT):默认系统无衬线字体
- 字重(WEIGHT):如Heavy等
- 字号(SIZE):使用vmin单位,确保响应式适配
- 其他选项:斜体、大写、阴影等
设置完成后点击「Save URL」即可生成包含所有配置的URL,随时可以分享或嵌入。
技术实现:Vibe Coding的典型产物
Simon将这个工具归类为「vibe coding」的成果。Vibe Coding是由OpenAI联合创始人Andrej Karpathy在2025年初提出并迅速流行的编程范式,其核心思想是:开发者不再逐行精确控制代码,而是以「感觉对了就行」的方式,借助AI辅助工具(如GitHub Copilot、Claude、Cursor等)快速将想法转化为可运行的程序。开发者更多扮演「产品经理+测试员」的角色,描述需求、验证结果,而非深陷实现细节。这种方式特别适合个人工具、原型验证和一次性脚本的开发场景,能将原本需要数小时的工作压缩到数分钟。Simon Willison是Vibe Coding理念的积极实践者,他在多篇博客中记录了用这种方式快速构建实用小工具的经历,Big Words正是其中的典型案例。从GitHub PR记录来看,整个工具的开发非常迅速,代码量精简。
这个工具体现了几个值得注意的技术决策:
- 无状态设计:所有状态都编码在URL中,无需后端存储
- 渐进增强:页面默认就是展示模式,交互编辑是附加功能
- 响应式字号:使用vmin单位确保在不同屏幕尺寸下都能良好显示
- 零依赖:纯HTML/CSS/JS实现,无需构建工具
其中字号单位的选择尤为值得关注。vmin是CSS视口相对单位之一,其值等于视口宽度(vw)和视口高度(vh)中较小值的1%。例如在一个1200×800的屏幕上,1vmin = 8px;在800×1200的竖屏上,1vmin同样等于8px。这一特性使得vmin成为全屏展示场景下实现「等比缩放字号」的理想选择——无论屏幕横竖、大小如何变化,文字始终以相对一致的视觉比例呈现,不会在宽屏上显得过小或在窄屏上溢出。对于幻灯片工具而言,这比固定像素值或基于宽度的vw单位更为合理,因为演示场景下屏幕方向和比例变化较大。这一选择体现了即便是「vibe coding」产物也包含深思熟虑的工程判断。
启示:小工具的大价值
这个项目虽然简单,但展示了一种高效的工具开发思路:
解决具体问题:不是为了做工具而做工具,而是在实际工作流中发现缺口后快速填补。Simon需要在只接受URL的演示工具中插入文字幻灯片,Big Words精准解决了这个问题。
组合优于复杂:与其让演示工具变得更复杂(支持文字编辑),不如创建一个独立的、可组合的小工具。这种思路源自Unix哲学——由贝尔实验室的Doug McIlroy在1978年总结提炼,其最核心的两条原则是「只做一件事,并把它做好」以及「程序应该能够协同工作」。这一哲学催生了Unix/Linux生态中大量精小、专注、可管道组合的命令行工具(如grep、sed、awk),它们通过标准输入输出相互连接,构建出远比单一复杂程序更灵活的工作流。在Web工具时代,URL扮演了「管道」的角色——Simon的演示工具只接受URL,Big Words输出URL,两者通过这一接口无缝组合,无需任何额外集成开发。这种「Web工具即Unix命令」的设计思维,正在随着AI辅助编程的普及而重新焕发生命力。
URL作为接口:将所有配置编码在URL中是一种被低估的设计模式,它让工具天然具备了可分享、可书签、可嵌入的特性。
对于经常需要制作演示文稿的开发者来说,Big Words提供了一种极简的替代方案——当你只需要一张大字幻灯片时,不必打开PowerPoint。
核心要点
- Big Words是一个通过URL查询参数生成全屏文字幻灯片的网页工具
- 所有配置(文字、颜色、字体、渐变等)都编码在URL中,实现无状态设计
- 工具采用vibe coding方式快速开发,解决了演示工具只接受URL输入的具体需求
- 体现了小工具组合优于单一复杂工具的Unix设计哲学
- 使用vmin单位实现响应式字号,零依赖纯前端实现
相关推荐
产品体验Qoder vs Cursor实测对比:同样20美金谁更强?
实测对比Qoder和Cursor两款AI IDE,从Agent自主修复能力、人工沟通次数、架构决策等维度评测。Qoder仅需2次沟通完成任务,Cursor需8次。详细分析两者差异,帮你选择最适合的AI编程工具。
产品体验Cursor云Agent演示:打通软件开发全链路瓶颈
深度解析Cursor云Agent最新Demo,展示如何通过云端虚拟机、自动测试产物和全链路控制平面,系统性消除软件开发生命周期中的人类瓶颈,让Agent自主运行、人按需介入。
产品体验Cursor 3.0深度解析:多Agent并行、Design Mode与Best-of-N模型对比
Cursor 3.0正式发布,从AI辅助编程工具进化为Agent舰队指挥中心。本文详解多智能体并行、Design Mode可视化编辑、Best-of-N多模型择优等核心功能,解读AI编程新范式。