AI灵感世界AI Skills · 设计mobile-app-ui-design
入馆：2026 年 11 月 4 日
mobile-app-ui-design
给独立开发者的 Skill，让 AI 按成熟原则设计手机 App 界面。
- 生态
- Agent Skills
- Skill 分类
- 设计
- 创建者 / 机构
- ceorkm
它是什么
mobile-app-ui-design 是 GitHub 用户 ceorkm 做的 Claude Code Skill，用来设计手机 App 的界面和流程。README 说它参考了 Airbnb、Duolingo、Spotify 等 App 的设计思路。你让 Claude 设计一个 App 页面、做原型或改进现有设计时，它会自动启用。里面有 5 步设计流程，加上配色、字号、间距、阴影这些具体规则。特别的地方是它按行业给了不同的设计习惯，例如 AI、金融、健康类 App 各有讲究。
亮点：
- 给出好记的规则，例如 60/30/10 配色、8 点网格、主要按钮放在屏幕下方三分之一
- 讲情绪设计，例如峰终定律
- 实现部分用 React、Tailwind CSS 和 Lucide 图标。
怎么用：
- 先运行 npx skills add ceorkm/mobile-app-ui-design
- 也可以手动把文件复制到 ~/.claude/skills/mobile-app-ui-design/ 后重启 Claude Code
- 再让它设计页面，例如“设计一个健身 App 首页”。
适合谁：
想让 AI 帮忙出 App 界面和原型的独立开发者和设计新手。
使用前提：
- 需要 Claude Code 或兼容 Agent Skills 的助手。
- 仓库里没有单独的许可证文件，README 的徽章写着 MIT，转载和二次使用前请自行向作者确认授权。
以上根据项目公开说明整理，本站没有实际测试。