给 Claude Code、Cursor、Codex 等用的设计技能合集,目前只有一个 landing-page-design:从需求问询、页面结构、转化文案到字体、间距、圆角、动效的整套落地页规范。
星数 11136(+2139 / 24h)
理由
- A 部分先定内容:一次问齐主要转化动作、目标用户、三大顾虑、流量来源和可用的证明素材,再从四种布局里选一种并说明理由,按首屏、论证、答疑的 12 个区块搭页面
- B 部分是硬性视觉规则:只用 Geist、Manrope、Poppins 等字体、禁用 Inter / Roboto 和斜体、一个站点一种字体、正文里不用连字符,标题用 text-wrap: balance 防孤字
- 所有设计值集中在文件底部一节,fork 后改这一节就能换成自己的风格;动效和内容真实感部分改编自 taste-skill 并署名
用法
- Claude Code:克隆仓库后 cp -r skills/landing-page-design 到项目的 .claude/skills/,然后直接用自然语言提要求
- Cursor 把 SKILL.md 下载到 .cursor/rules/;Codex 放进 AGENTS.md,Windsurf 放进 .windsurfrules
风险
- 仓库目前只有一个技能,README 很短;技能描述要求它在“任何网页界面”任务上都加载,装在全局会影响非落地页项目
- 规则偏作者个人审美(如禁用某些字体),与品牌规范冲突时以用户要求为准;许可证 MIT