claude-skill

claude-skill

让 Claude 构建高质量、电影级的落地页。

Agent Skill设计与多媒体开源
形态
Agent Skill
是否开源
是
GitHub Stars
★ 1.1k
收录来源
skill-github

能力说明

此技能使 Claude 能够构建高质量、电影级的落地页,解决 AI 生成网站同质化的问题。Claude 会参考 MotionSites 上最受欢迎的设计,选择真实的电影级媒体素材,并编写详细的构建规范。它还会通过截图和修复循环来确保最终结果达到画廊级别的标准。该技能包含 40 个示例提示、50 多个电影级英雄视频、30 个透明 3D 剪辑和 29 张图片,以及 55 个以上的技术配方。适合需要高质量网页设计的用户。

能力点

  • ▪构建高质量落地页
  • ▪选择真实电影级媒体素材
  • ▪编写详细构建规范
  • ▪截图并修复页面
  • ▪提供多种技术配方

适用场景

为奢侈品睡眠追踪戒指构建落地页为建筑摄影师制作作品集主页为 AI 旅行应用创建等待列表页面优化现有网站设计

接入方式

依赖:API KeyNode 环境
1. 下载 `motionsites-web-builder.zip` 从最新发布版本。\n2. 在 Claude 中打开 Customize → Skills → + → Create skill → Upload a skill,选择 zip 文件并启用技能。(需在设置中启用代码执行功能。)"For Claude Code 插件:"/plugin marketplace add Motionsites-AI/claude-skill /plugin install motionsites-web-builder@motionsites"

以上信息由 AI 基于公开资料整理,可能存在偏差,以来源为准。

常见问题

如何安装此技能?

下载 `motionsites-web-builder.zip` 并在 Claude 中上传启用。

是否需要额外依赖?

建议安装 Playwright 以优化截图和修复循环。

相关 Skill