DexZane/awesome-web-prompts

解决的问题

Web开发者经常花费大量时间搜索高质量、可直接使用的网页组件或能通过AI工具生成完整页面的提示词。本项目通过提供精心整理的网页开发资源合集来解决这个问题——包括能立即生成精美页面的AI提示词和可直接运行的源代码——让你无需搜索，直接粘贴提示词或复制代码即可。

工作原理

仓库按清晰类别组织（Hero区域、落地页、SaaS、404页面、UI组件等）。每个条目标记为提示词（粘贴到ChatGPT、Claude、Cursor等以生成代码的文本）或源代码（完整的可运行HTML/CSS/JS代码）。每个项目包含预览截图（如有）和使用说明。对于提示词，打开prompt.md文件并复制文本；对于源代码，复制代码并在浏览器中打开。项目还提供贡献模板和指南，并支持中英文（自动构建英文README）。

适用人群

前端开发者、设计师以及任何使用AI工具快速构建网站的人。特别适合那些希望获得视觉丰富、动画效果和令人印象深刻页面，而不想从头编写每一行代码的人——只需粘贴提示词或获取现成代码。

亮点

• 大型精选合集，涵盖多个类别：Hero区域、完整落地页、SaaS、AI、404页面、页脚、UI组件、作品集等。
• 两种实用格式：生成完整网页的AI提示词，以及可直接使用或作为起点的可运行源代码。
• 每个条目包含预览和使用说明，让你在尝试前就能看到效果。
• 易于贡献：模板和贡献指南帮助你添加新资源。
• 双语文档：中文主页面，自动构建英文版本。