Community图像github.com

ceorkm/移动端应用界面设计

设计高质量的移动应用UI/UX界面、流程及组件。当用户要求设计移动应用界面、创建应用原型、构建移动UI组件、改进现有移动应用设计、设计引导流程、制定移动导航或请求任何移动优先界面工作时,请使用此技能。

移动端应用界面设计 是什么?

此技能专为AI Agent设计,旨在辅助开发者创建高质量的移动应用UI/UX设计,包括屏幕界面、用户流程及组件。它适用于多种场景:从创建应用原型、构建React Native/Flutter/SwiftUI风格的界面原型,到设计交互流程如登录页、仪表盘和产品详情页。该技能强调移动优先原则,提供文件整理、版本管理和组件构建(如Header、Card、Button)等设计系统功能。支持平台不限,主要面向Claude Code、Cursor、Codex等AI辅助工具。其核心价值在于确保AI回复时始终包含移动UI设计的最佳实践,并严格遵循用户的具体要求,例如使用特定样式语言(Tailwind CSS、Styled Components)或文件输出规范。此外,技能还能有效处理模糊请求(如“设计一个应用”),将其转化为可执行的、结构化的设计输出。

兼容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/ceorkm/mobile-app-ui-design/tree/main/skills/mobile-app-ui-design

Installed? Explore more 图像 skills: steipete/songsee, affaan-m/frontend-design, mattpocock/improve-codebase-architecture · View all 6 →

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

移动端应用界面设计 是做什么的?

设计高质量的移动应用UI/UX界面、流程及组件。当用户要求设计移动应用界面、创建应用原型、构建移动UI组件、改进现有移动应用设计、设计引导流程、制定移动导航或请求任何移动优先界面工作时,请使用此技能。也当用户提及应用设计、移动UI、移动UX、界面设计、应用原型、线框图,或希望构建React Native/Flutter/SwiftUI风格的界面原型时触发。即使用户只是简单地说“设计一个应用”或“让这个界面看起来更好看”,也应使用此技能。

相关技能