mobile-app-ui-design

Name: mobile-app-ui-design
Author: podo

github.com/podo设计与 UI30185 次安装4 天前更新

关于 mobile-app-ui-design

这是一项专注移动 UI 的设计技能，强调明确的层级与间距、自然动效、结合情境的个性化设计，以及响应式微交互。适用于将交互与视觉细节作为重点的移动界面工作。

复制下面的命令，在终端中运行。

$npx skills add https://github.com/podo/design-agent-skills --skill mobile-app-ui-design

安装后在 Claude Code 中输入/mobile-app-ui-design确认已加载。

附带文件stub.yaml

目录占位条目 — 完整技能：ceorkm/mobile-app-ui-design

是否已安装完整技能？
- 全局：f=~/.agents/skills/mobile-app-ui-design/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer"
- 项目：f=.agents/skills/mobile-app-ui-design/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer"
- installed → 技能已作为 mobile-app-ui-design 安装，调用它并继续
- pointer → 前往第 2 步

检测作用范围，然后安装：

[ -e ~/.agents/skills/mobile-app-ui-design ] && echo "global" || echo "project"

全局：

npx skills add ceorkm/mobile-app-ui-design --skill mobile-app-ui-design -g -y

项目：

npx skills add ceorkm/mobile-app-ui-design --skill mobile-app-ui-design -y

Claude Code： 发送一条以 ! 开头的聊天消息作为命令，即可运行该命令，而无需离开对话。

注意事项

这是一项注重工艺的移动端 UI 设计技能，借鉴顶级应用的视觉和交互模式。它指导创建令人感觉周到（层级和间距有明确目的）、流畅（动效和过渡自然）、个性化（适应情境和用户）且鲜活（微交互响应灵敏）的界面。当工艺品质是首要考虑因素时使用。

支持 Markdown