elayadesign/ai-design-skills

给 Claude Code、Cursor、Codex 等用的设计技能合集,目前只有一个 landing-page-design:从需求问询、页面结构、转化文案到字体、间距、圆角、动效的整套落地页规范。

给 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

打开

Trendshift(GitHub Trending 快照)

浏览最新 AI 动态