MoonshotAI
Featured
Kimi-K3
Kimi K3 is an open-weight, 2.8T-parameter native multimodal agentic model with a 1M-token context window, designed for frontier coding, knowledge work, and reasoning tasks.
AI repository intelligence
FR-AI / ANALYSISWhy it is worth attention
It provides ready-to-use, granular prompts that have been tested with multiple coding agents, each accompanied by a GIF preview of the actual output, making it a practical resource for rapid web prototyping.
Who it is for
- Front-end developers looking for quick prototyping
- AI coding agent users
- Designers wanting to convert visual concepts into code
- Prompt engineers seeking high-quality web generation examples
Use cases
- Rapidly generate interactive landing pages from a prompt
- Clone complex websites with WebGL and dynamic effects
- Create marketing or brand pages with cinematic animations
- Learn how to structure effective prompts for AI code generation
Strengths
- Each prompt is paired with a real GIF preview of the generated site
- Covers a range of tech stacks from single-file HTML to React + Vite with Three.js
- Includes clone-type prompts that use skills to replicate real production websites
- All external assets are CDN-hosted, so generated code works immediately
Considerations
- Results depend on the capability of the coding agent used
- Clone prompts require the agent to install specific skills before use
- Not all prompts produce production-ready code without manual adjustment
README quick start
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 时不会一次性加载所有动图。
| 目录 | 类型 | 预览（点击播放） |
|---|---|---|
| liquidGlassAgency | React + Vite + Tailwind + shadcn/ui + Framer Motion，深色液态玻璃风格的 AI 网页设计工作室落地页 | |
| interactiveDiscovery | React + TypeScript + Vite + Tailwind，跟随光标揭示第二张图的地质品牌 Hero | |
| blueEyes | React + TypeScript + Vite + Tailwind + lucide-react，滚动逐帧刷新视频背景（蓝色光纤汇聚成「数字之眼」）、极简大字排版的深色 AI 落地页 NOVA_AI | |
| openDoor | React 19 + Vite + Tailwind v4 + GSAP + hls.js，滚动擦洗 HLS 视频背景、液态玻璃 About 面板与药丸导航的沉浸式落地页 Unleash The Full Power |
Description
AI Agent 复刻精美网页的提示词合集：每个目录一份 prompt.md + 效果图截图，丢给 Claude/Codex/Kimi 即可生成对应网站
Related repositories
Similar projects matched by category, topics, and programming language.
xuchonglang
Featured
investing-for-beginners
A structured investing guide for Chinese beginners covering US stocks, options, and cryptocurrency, with focus on foundational concepts and risk awareness.
Krishnagangwal
Featured
CS-Fundamentals
A curated collection of Computer Science fundamentals (PDFs, notes, cheatsheets, interview question banks) for placement preparation, covering seven core subjects plus general resources.