claude-skill

给 Claude 装上电影级落地页设计技能

开源 🏷️基础免费，高级付费 ⏳ 访问状态待核验设计创意 🍴 复刻 109 👀 关注 4

访问官网 ↗ GitHub ↗

GitHub 星标 ★ 1065

维护状态活跃

是否开源开源

定价模式 🏷️基础免费，高级付费支持限时试用 · 技能免费，MotionSites平台提供付费增值服务

项目预览

项目数据

分类设计创意

开发团队Motionsites-AI

官网地址https://motionsites.ai/?utm_source=github&utm_medium=claude-skill&utm_campaign=web-builder

GitHubhttps://github.com/Motionsites-AI/claude-skill

定价模式🏷️基础免费，高级付费

价格说明技能免费，MotionSites平台提供付费增值服务

访问状态⏳ 访问状态待核验

是否开源是

开源协议NOASSERTION

主要语言Python

GitHub 星标★ 1065

上线时间2026-10-26 00:00:00

代码更新2026-10-26

仓库体积1.9 MB

本站数据更新2026-10-30

维护状态活跃

收录时间2026-10-30

浏览次数0

项目介绍

claude-skill 是 MotionSites 开源的 Claude 技能包，面向落地页设计场景。它通过结构化的提示词与工作流约束，引导 Claude 产出具有电影感、可达到获奖级视觉水准的营销落地页，而不是普通的模板化页面。项目核心能力包括：内置版式、动效与视觉节奏的设计准则，让模型在生成 HTML/CSS 时遵循统一的审美规范；提供可复用的技能描述文件，便于挂载到 Claude 的自定义技能或代理流程中；以 Python 脚本辅助组织与分发技能内容。它解决的是通用大模型生成页面时风格平庸、动效缺失、视觉层次混乱的问题，适合希望用 AI 快速产出高质量品牌页、产品发布页的设计师与前端开发者，降低从零打磨视觉稿的成本。

Star 增长趋势

本站每日记录该项目 GitHub 星标变化，观测越久曲线越完整

数据来源：GitHub API 逐日快照 · 收录于 2026-10-30 · 当前星标 ★ 1065

使用教程

⚠ 本教程由 AI 依据该项目 README 整理；原始文档不完整，部分步骤为通用流程推断，实际安装请以项目官方文档为准。

难度：入门约 10 分钟部署方式：本地安装 5 步

⚠ 该项目 README 未提供完整安装说明，以下步骤为通用流程，请以官方文档为准。

环境要求

Python 3 运行环境（仓库含 Python 辅助脚本）
可访问 GitHub 的网络环境
Claude 客户端或网页版，且账号支持自定义技能（Skill）功能
本地需有可存放仓库的目录

安装与启动步骤

1准备运行环境

确认已安装 Python 3，并确认自己的 Claude 账号具备自定义技能入口；README 的 Install 章节会说明具体挂载方式。
2下载技能仓库

把仓库克隆到本地，后续的示例提示词、媒体清单与 Python 脚本都在该目录中。
```
git clone https://github.com/Motionsites-AI/claude-skill.git
cd claude-skill
```
3查看安装说明

README 的 Install 段落给出完整安装步骤，先逐条读完再操作，不要跳过其中的前置条件。
```
cat README.md
```
4挂载为 Claude 技能

按 README 的 Install 说明，把仓库中的技能描述文件配置为 Claude 自定义技能，再在对话中调用。
5试跑一个落地页需求

向 Claude 说明产品、目标受众和风格诉求，让它按技能内置的示例与设计准则产出页面初稿。