GitHub热榜
创作与变现涨星 +1395榜单日期 2026-10-28整理:AI雷达增益 0捕获 0

ai-design-skills:让 AI 编程工具学会设计

给 AI 编程工具用的设计技能合集,目前主打「落地页设计」:从需求提问、页面结构、转化文案到字体、间距、动效一整套视觉规范,全写成 markdown 规则文件,拷进 Claude Code 或 Cursor 的规则目录即生效,之后用大白话就能让它出页面。适合要快速做落地页卖货、接单的新人,门槛就是装过 AI 编程工具。

项目自述 · 据 README 提炼

AI 编程工具能写代码,但默认不懂设计,做出来的页面常常「能用不好看」。这个仓库把设计经验封装成一条条可安装的「技能」——本质是给 Claude Code、Cursor、Codex、Windsurf 等工具读的 markdown 规则文件,按需安装。目前核心技能是 landing page design:从一组 intake questions(需求访谈)开始,输出页面结构、转化文案,再配一套完整视觉系统,覆盖字体、间距、圆角、动效;README 标注「更多技能在路上」,改版老网站的需求放在另一个独立仓库。上手很轻:Claude Code 用户建好 .claude/skills 目录后把技能文件夹拷进去;Cursor 丢进 .cursor/rules 或粘贴到 Settings → Rules for AI;Codex 用 AGENTS.md,Windsurf 用 .windsurfrules,Cline 用 .clinerules;没有终端的话,把 SKILL.md 传到 Claude.ai 的 Project 里说「follow this」即可。想改成自己的风格,fork 仓库后改每个技能文件底部那段设计值(字体、颜色、间距、动效)就行,MIT 协议随便用。适合会用 AI 编程工具、需要快速产出高转化落地页的新人和独立开发者。

elayadesign/ai-design-skills · 创建于 3 个月前

2026-10-28 榜单 · ★ 1,395(进页自动刷新) · 本期涨星 +1395 · Fork 681

GitHub 仓库 ↗

做AI项目,先看AI雷达 - AiRadar.com.cn · 全部GitHub热榜 →