什么是GetLayers？
GetLayers 是一个提供电影级网站提示词库的 AI 设计工具，旨在帮助用户通过复制粘贴提示词快速生成不具“AI感”的高质量网页。它主要服务于希望利用 Claude Code、Cursor 等 AI 编码助手构建网站的开发者或设计师。用户可通过网页版访问模板库，部分功能支持 MCP 协议集成及 Figma 插件使用。
GetLayers的核心功能有哪些？
- 多类型提示词库提供沉浸式网站、3D 场景、交互式渐变、板块及动画背景等多种类别的预置提示词模板。
- 实时参数调整在浏览器中直接调节 3D 场景和渐变的参数，生成的提示词包含当前自定义数值。
- MCP 自动化工作流通过 GetLayers MCP 连接 AI 代理，实现从查找、调优到构建和发布整个网站的全自动流程。
- Figma 插件集成将模板和板块以可编辑的 Figma 设计文件形式导入，并支持后续通过 MCP 重建为实时网站。
- 全栈 Next.js 项目支持提供包含规则文档、技能配置及子代理设置的完整 Next.js 源代码项目，便于 AI 代理理解架构。
- 性能与 SEO 优化官方声称其模板在 Google PageSpeed Insights 测试中移动端中位数评分为 98，桌面端为 100，且具备完整的 SEO 元数据。
GetLayers的使用案例有哪些？
- 快速原型开发设计师搜索特定风格（如 Lumière 电商或 Vesper SaaS）的模板，复制提示词至 Cursor 中即时生成前端界面。
- 跨框架代码迁移默认生成自包含 HTML 文件，用户可添加一行指令让 AI 将其重构为 Next.js、Vue、WordPress 或 Shopify 等现有技术栈的代码。
- 视觉资产定制利用 ASCII Studio、Particle Forms 等内置 AI 设计工具创建独特的文本动画、光标效果或 3D 元素，并导出为可用提示词。
如何使用GetLayers？
- 浏览与筛选在网页版库中按类别（模板、3D 场景、渐变等）搜索所需的设计基础。
- 调整参数对于支持实时预览的场景或渐变，在浏览器中调整视觉效果直至满意。
- 复制提示词点击“Copy prompt”按钮获取包含当前设置的结构化语言描述。
- 粘贴至 AI 编辑器将提示词粘贴到 Claude Code、Cursor、ChatGPT 或其他支持的 AI 编码工具中。
- 生成与部署AI 根据提示词生成代码，用户可直接运行或进一步修改细节后发布网站。
GetLayers定价信息：
- 免费层提供一套精选的免费图层和完整提示词，无需信用卡即可尝试；仅限用于体验产品，不可直接用于商业交付。
- 付费方案需订阅方可获得商业许可证，允许无署名限制地用于客户项目，且对生成的网站数量无上限。
