MotionSites Web Builder

项目简介

MotionSites Web Builder 是 MotionSites 推出的免费 Claude 技能，旨在让 Claude 生成具有电影感、达到获奖水准的落地页，而不是普通的模板化 AI 布局。它针对规划模糊、缺少真实媒体和无人检查结果这三类问题，提供示例提示词、电影感媒体库、技术配方、设计品味规则、构建规格模板，以及基于截图的查看并修正循环。

核心功能

• 包含 40 个示例提示词，取自 MotionSites 上最受欢迎的免费提示词，Claude 会为每个需求阅读最接近的 2 至 3 个示例；媒体库包含 50 多个公开展示的电影感主视觉视频、30 个透明 3D 抠图和 29 张图片，并以编号联系表呈现；提供 55 个以上带可用代码的技术配方，例如无缝视频循环、液态玻璃、逐词模糊标题、鼠标拖拽控制的视频、聚光灯揭示、景深轮播、滚动叙事和基于 Three.js 的真实 3D 模型；设计品味规则给出字号层级、字距、间距、色彩、动效时序和文案的具体数值；规格模板用于 Claude

适用场景

• 为奢华睡眠追踪戒指构建落地页主视觉；为里斯本的一位建筑摄影师制作编辑风格、安静的作品集首页；为 AI 旅行应用的候补名单页面撰写 Lovable 提示词；改进现有网站，使其呈现获奖级效果。

快速开始

• 在 Claude.ai 和 Claude 桌面版中，从最新发布下载 motionsites-web-builder.zip，然后打开 Customize → Skills → + → Create skill → Upload a skill，选择该 zip 并启用技能；在 Claude Code 中使用插件时，运行 /plugin marketplace add Motionsites-AI/claude-skill，再运行 /plugin install motionsites-web-builder@motionsites；没有 GitHub

部署与要求

• 在 Claude.ai 和 Claude 桌面版中使用时，需在 Settings → Capabilities 中启用代码执行；Claude Code 安装可通过插件市场流程或手动复制到 ~/.claude/skills/；可选的查看并修正循环在搭配 Playwright 时效果最佳，安装命令为 pip install playwright && python -m playwright install chromium。

采用前须知

• 许可证：Other。在使用、修改或分发项目前，请确认其具体条款。