xuanxuan-prompts

一组用来「让 AI Agent 直接复刻精美网页」的提示词合集。

每个子目录就是一个独立的网页项目，里面通常是两份文件：

• prompt.md —— 给 Agent 的完整复刻提示词（含字体、颜色、动画、资源 URL、组件结构等所有细节）
• .gif —— 这个提示词生成出来之后，网站的实际效果录屏（动图），供你预览参考
• .poster.jpg —— GIF 的首帧封面图，README 里默认显示它，点击才加载完整 GIF

怎么用

非常简单：挑一个你喜欢的目录，把它里面的 prompt.md 整段内容丢给任意一个 Coding Agent，让它按提示词生成项目即可。

实测可用的 Agent：

• Claude Code
• Codex
• 其他任何支持长文本 + 代码生成的agent也都可以

典型用法（以 Claude Code 为例）：

请按这份提示词生成对应的项目：

Agent 会根据提示词输出完整的项目代码（部分是 React + Vite 工程，部分是单文件 HTML），按它的指示运行起来就能得到预览动图里的效果。

当前收录

预览列默认只显示轻量的首帧封面图，点击封面即可打开完整的 GIF 动图 —— 这样打开 README 时不会一次性加载所有动图。