·mobile-app-ui-design
*

mobile-app-ui-design

設計高品質的行動應用 UI/UX 螢幕、流程和元件。每當用戶要求設計行動應用程式螢幕、建立應用程式模型、建立行動 UI 元件、改進現有行動應用程式設計、建立引導流程、設計行動導覽或要求任何行動優先介面工作時,請使用此技能。當使用者提到應用程式設計、行動 UI、行動 UX、螢幕設計、應用程式模型、線框或想要建立 React Native / Flutter / SwiftUI 風格的介面作為視覺原型時也會觸發。即使用戶只是說“設計一個應用程式”或“讓這個螢幕看起來更好”,也可以使用這個技能。

34安裝·21熱度·@ceorkm

安裝

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

如何安裝 mobile-app-ui-design

透過命令列快速安裝 mobile-app-ui-design AI 技能到你的開發環境

  1. 開啟終端機: 開啟你的終端機或命令列工具(如 Terminal、iTerm、Windows Terminal 等)
  2. 執行安裝指令: 複製並執行以下指令:npx skills add https://github.com/ceorkm/mobile-app-ui-design --skill mobile-app-ui-design
  3. 驗證安裝: 安裝完成後,技能將自動設定到你的 AI 程式設計環境中,可以在 Claude Code、Cursor 或 OpenClaw 中使用

來源:ceorkm/mobile-app-ui-design。

SKILL.md

查看原文

This skill guides the creation of professional, polished mobile app interfaces that follow proven design principles used by top-tier apps like Airbnb, Duolingo, Spotify, Revolut, and Phantom.

Great mobile UI isn't about flashiness — it's about intentionality. Every pixel, every spacing value, every color choice should serve the user. The goal is to create interfaces that feel smooth, personal, and alive — not just functional.

Step 3: Apply Visual Design (UI Lens) Follow these rules in order:

設計高品質的行動應用 UI/UX 螢幕、流程和元件。每當用戶要求設計行動應用程式螢幕、建立應用程式模型、建立行動 UI 元件、改進現有行動應用程式設計、建立引導流程、設計行動導覽或要求任何行動優先介面工作時,請使用此技能。當使用者提到應用程式設計、行動 UI、行動 UX、螢幕設計、應用程式模型、線框或想要建立 React Native / Flutter / SwiftUI 風格的介面作為視覺原型時也會觸發。即使用戶只是說“設計一個應用程式”或“讓這個螢幕看起來更好”,也可以使用這個技能。 來源:ceorkm/mobile-app-ui-design。

可引用資訊

為搜尋與 AI 引用準備的穩定欄位與指令。

安裝指令
npx skills add https://github.com/ceorkm/mobile-app-ui-design --skill mobile-app-ui-design
分類
*創意媒體
認證
收錄時間
2026-02-25
更新時間
2026-03-11

Browse more skills from ceorkm/mobile-app-ui-design

快速解答

什麼是 mobile-app-ui-design?

設計高品質的行動應用 UI/UX 螢幕、流程和元件。每當用戶要求設計行動應用程式螢幕、建立應用程式模型、建立行動 UI 元件、改進現有行動應用程式設計、建立引導流程、設計行動導覽或要求任何行動優先介面工作時,請使用此技能。當使用者提到應用程式設計、行動 UI、行動 UX、螢幕設計、應用程式模型、線框或想要建立 React Native / Flutter / SwiftUI 風格的介面作為視覺原型時也會觸發。即使用戶只是說“設計一個應用程式”或“讓這個螢幕看起來更好”,也可以使用這個技能。 來源:ceorkm/mobile-app-ui-design。

如何安裝 mobile-app-ui-design?

開啟你的終端機或命令列工具(如 Terminal、iTerm、Windows Terminal 等) 複製並執行以下指令:npx skills add https://github.com/ceorkm/mobile-app-ui-design --skill mobile-app-ui-design 安裝完成後,技能將自動設定到你的 AI 程式設計環境中,可以在 Claude Code、Cursor 或 OpenClaw 中使用

這個 Skill 的原始碼在哪?

https://github.com/ceorkm/mobile-app-ui-design

詳情

分類
*創意媒體
來源
skills.sh
收錄時間
2026-02-25

相關 Skills

暫無