---
type: concept
title: AI Website Prompts
created: 2026-08-17
updated: 2026-08-17
tags: [ai-prompts, website-prompts, lovable, bolt, cursor, claude, prompt-library, vibe-coding]
---

## 定义

AI Website Prompts 是面向 AI Coding Agent 的、**成品级网站生成 prompt 库**——区别于通用聊天 prompt，它直接生成可上线的落地页（HTML / React / Tailwind 等）。代表项目 MotionSites AI 把每个 prompt 配上截图或视频 demo，强调"复制粘贴 → 上线"的最短路径。

## 核心要点

- **prompt 即产品**：用户不需要从 0 写 prompt，直接复用社区 / 厂商调优过的成品
- **多工具兼容**：同一份 prompt 往往针对 Lovable / Bolt / Cursor / Claude 等多个 AI Coding Agent 调优
- **视觉驱动**：prompt 通常自带设计系统约束（颜色、字体、动效），而不是让 AI 自由发挥
- **行业覆盖**：Wellness / SaaS / Fintech / Travel / Ecommerce / HR / Healthcare / Education / Logistics / Community / Entertainment 等

## 与 DESIGN.md 的关系

| 维度 | DESIGN.md（[[wiki/concepts/design-md|DESIGN.md]]） | AI Website Prompts |
|------|------------------------------------------------|---------------------|
| 形态 | 设计系统描述文件（md） | 完整可运行的 prompt 文本 |
| 输出 | 让 AI 跟着规范生成 UI | 一次出片整页落地页 |
| 学习成本 | 中（要理解设计 token 体系） | 零（复制粘贴） |
| 灵活性 | 高（设计师可改规范） | 低（成品复用） |
| 适用场景 | 多页面风格统一 | 单页视觉冲击力优先 |

两者是 design-to-code 的两种极简化路径：**DESIGN.md = 约束式设计系统**，**AI Website Prompts = 即用型 prompt 模板**。

## 与 Vibe Coding 的关系

[[wiki/library/银二码sliver-vibe-coding|sliver-vibe-coding]] 强调立项 / 规范 / 加功能的**工程方法**，AI Website Prompts 提供**首屏视觉素材**——前者解决"做正确的事"，后者解决"第一眼好看"。

## 相关实体

- [[wiki/entities/motionsites-ai|MotionSites AI]] — 当前最大的成品 prompt 库
- [[wiki/entities/design-rocket|Design Rocket]] — 配套教学产品
- [[wiki/entities/voltagent|VoltAgent]] — 早期建立 DESIGN.md 集合（同一设计生态的不同切面）

## 参考来源

- [[wiki/library/MotionSites AI — Official Premium AI Website Prompts|MotionSites AI — Official Premium AI Website Prompts]]