FRONTEND EXPERIMENT ARCHIVE / 2025—NOW

让每一个项目,
都有自己的入口。

记录 AI 时代的前端提示词测试:项目越来越多,但查找、筛选和回看不应该变得越来越难。

静态页面可直接在浏览器打开,数据与界面分开维护
project-catalog / index

DIRECTORY READY

01 projects 10
02 filters search / tags / sort
03 views grid / list
04 new item add one object
> status: easy to browse
NOTE / 02 新增项目只需要补一条数据,卡片和筛选自动生成。
10 个实验项目
与模型版本
14 个技术主题
配套可运行示例
22+ 个静态页面
无需启动服务
01 / PROJECT DIRECTORY

项目很多,
也能找到想看的那个。

这里是所有实验的入口。按方向、时间或关键词缩小范围,再决定是阅读提示词,还是直接打开 Demo。

FILTER BY
显示 10 个项目 全部项目
02 / LEARNING INDEX

基础知识,
也有自己的索引。

每个主题都有一份简明说明和一个可以直接打开的 Demo,适合查阅,也适合继续交给模型修改。

BROWSE BY TOPIC / FILTER INSTANTLY

14 个主题
03 / HOW IT WORKS

一个小而诚实的实验闭环。

这里不追求把每个结果包装成“完美答案”。原始提示词、可运行页面和遇到的偏差都值得保留,因为它们比一句结论更能说明模型到底会什么。

阅读仓库说明
  1. 01

    选一个具体问题

    从页面、交互或工程知识出发,让测试有清晰的完成标准。

  2. 02

    保留原始提示词

    把文件夹当作实验记录,方便回看当时的上下文和约束。

  3. 03

    在浏览器里检查结果

    不只看代码是否生成,也看布局、响应式、交互和真实使用感。