- 形态
- 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
ux-ui-agent-skills
将 Claude 转变为资深设计架构师,提供设计令牌、组件、无障碍性等功能。
Agent Skill
motion-skills
56个开源技能,教你的AI编码代理制作动态图形、动画和视频。
Agent Skill
unslop
将AI风格的UI转换为具有独特设计的界面。
Agent Skill
sprite-gen
生成干净的2D游戏精灵和动画图集。
Agent Skill
logo-generator-skill
专业SVG标志生成器,提供多种设计变体和展示背景。
Agent Skill
claude-skill-aso-appstore-screenshots
生成高质量的App Store截图,提升应用下载率。
Agent Skill