提示词优化
UI Prompt 模板库
- 核心功能：解决 AI 生成 UI 的同质化问题，提供经过实战验证的 Prompt 模板，帮助开发者更精准地描述页面结构、视觉风格、交互逻辑和设计细节。适合在使用 AI 编程工具时，快速找到合适的提示词，减少反复调试的成本。
- 适用场景：生成 SaaS 后台、数据仪表盘、产品落地页、移动端应用、登录注册页等界面；也适合在页面缺乏视觉辨识度时，参考成熟的设计描述优化 Prompt。
- 直达链接：点击访问 uiprompt.site
UI Prompt Library
- 核心功能：一个围绕 AI 界面生成场景构建的 Prompt 资源库，按照 AI 工具、页面类型和使用场景组织提示词，覆盖 v0、Lovable、Replit、Framer、ChatGPT、Claude 等工具。除了常规页面生成提示词，还提供 UI 审查、转化率优化、设计规范生成等方向的 Prompt，适合需要持续积累和复用提示词的开发者。
- 项目亮点：将零散的 Prompt 整理为可搜索、可分类的资源库，降低查找成本。相比只提供通用提示词的方案，这类项目更强调不同 AI 工具的适配性，以及从单个页面生成到完整产品流程的扩展。
- 直达链接：点击访问 UI Prompt Library
Skill 相关
Agent UI 优化 Skill
- 核心功能：一款专注于 Agent UI 优化的 Skill，开箱即用，省时省力。它将设计风格、配色方案、字体搭配、布局规范和 UX 原则整理为可检索的设计知识库，让 AI 编程 Agent 在编写界面代码前，先形成相对完整的设计方案，而不是直接套用常见的页面模板。
- 项目亮点：UI UX Pro Max 覆盖多种产品类型、设计风格、配色和字体组合，并提供针对不同技术栈的实现指导。它适合希望提升界面一致性、减少重复设计决策，并让设计规范贯穿多个页面的开发者。需要注意，它主要提供设计决策和实现指导，并不意味着安装后就能自动获得完整的高质量成品。
- 适用场景：使用 Claude Code、Cursor、Codex 等 AI 编程工具构建 Web 应用、管理后台、SaaS 产品或移动端界面时，可以将其作为统一的设计参考。
- 直达链接：点击访问 NextLevelBuilder
- GitHub 仓库：查看项目源码
Huashu Design (话术设计)
- 核心功能：在你的 Agent 里输入一句话，就能直接拿回一份达到交付标准的专业设计。它的定位是将相对模糊的自然语言需求转化为更完整的设计结果，减少用户自行组织复杂设计描述、反复调整视觉方向的工作量。
- 项目亮点：与单纯提供 Prompt 模板的工具相比，这类方案更强调将设计能力封装为 Agent 可调用的工作流程。它的价值不只在于生成页面，还在于帮助用户把需求表达、设计决策和最终交付衔接起来。实际效果仍需结合项目的技术栈、交互要求和输出结果进行验证。
- 适用场景：希望直接通过自然语言驱动设计、快速验证产品原型，或者在现有 Agent 工作流中引入更专业的设计能力时，可以重点关注。
- 直达链接：查看 GitHub 仓库
Anthropic Frontend Design Skill
- 核心功能：由 Anthropic 提供的前端设计 Skill，重点解决 AI 编写前端时容易出现的视觉风格雷同、排版缺乏层次、配色套路化等问题。它要求 Agent 在编写代码前，先明确产品用途、目标用户、视觉基调和设计约束，再通过字体、色彩、空间构图与动效等设计手段实现页面。
- 项目亮点：相比主要依赖设计知识库检索的方案，它更强调明确的视觉方向和具体的美学选择，适合希望摆脱默认 SaaS 模板风格、打造具有辨识度的产品页面的开发者。
- 适用场景：产品官网、品牌落地页、作品集、营销页面，以及需要突出视觉表达的 Web 应用。
- 直达链接：查看 GitHub 仓库
Impeccable
- 核心功能：一款面向 AI 编程 Agent 的前端设计优化工具，通过一组标准化的设计指令，帮助开发者持续打磨界面，而不是在第一次生成代码后就结束工作。它支持设计审查、视觉润色、布局调整、动效优化和设计规范整理等任务。
- 项目亮点：Impeccable 将设计工作拆分为可重复执行的操作，例如
audit（审查）、critique（评估）和polish（润色），并结合规则检测与浏览器迭代能力，帮助发现常见的前端设计问题。适合已经拥有可运行页面、希望通过多轮迭代提升完成度的项目。 - 适用场景：AI 生成页面的二次优化、现有产品 UI 改版、设计系统一致性检查，以及上线前的视觉与交互质量审查。
- 直达链接：访问 Impeccable 官网
- GitHub 仓库：查看项目源码
Better Web UI
- 核心功能：一套面向 AI 编程 Agent 的 Web 前端设计 Skill，覆盖页面构建、视觉优化、UX 审查、无障碍体验和交互细节等工作。它可以帮助 Agent 调整信息层级、字体、间距、色彩与组件表现，也适用于对现有界面进行重新设计。
- 项目亮点：该项目借鉴了前端设计规范、动效实践和 UX 原则，强调把视觉质量拆解成可执行的设计与工程任务。对于已经有页面代码、但整体观感不够成熟的项目，这种以改进和审查为核心的方式，比单纯重新生成页面更有针对性。
- 适用场景：React 等 Web 项目的 UI 重构、页面细节打磨、组件统一，以及 AI 生成代码的体验优化。
- 直达链接：查看 GitHub 仓库