← All skills
mobile页面设计
85 / 100 · Low risk
Fine to try.
By ahang1598/doubao-workbuddy-qwenwork-skills (GitHub) · design · 97 stars · scanned at commit 5e45653
触发(正向):用户要设计移动端(H5 / React Native App)的多屏 flow、信息架构、TabBar 导航骨架、权限引导流程、移动端购物/支付流程、移动播放器/Paywall、行程规划、健康追踪、AI 助手、社交动态/DM,或任何移动端多屏交互设计。关键词:移动端、H5、App、React Native、TabBar、Flow、多屏、IA、App 架构、手机、iPhone、Android、跨平台。 审查模式(Review Mode)触发词:检查交互、审查、review、帮我看看、哪里不对、优化 UI、链路不顺。 排除(反向):Web/浏览器桌面产品(用 /Web页面设计)、iOS 原生 SwiftUI(用 ios-spark-flow)、单页面移动端组件(用 ui-design-brain)、仅需配色/字体(用 theme-factory)。
Works with any agent that supports SKILL.md skills.
What this skill can do
Downloads and installs other software
The author does not mention this.
Found in 23 places.
Show 17 more
- qwenwork/experts/product-design/skills/flow-mobile/references/mobile-component-map.md, line 116
npx gluestack-ui@latest init - qwenwork/experts/product-design/skills/flow-mobile/references/mobile-component-map.md, line 117
npx gluestack-ui add button text box vstack hstack input badge spinner pressable - qwenwork/experts/product-design/skills/flow-mobile/references/mobile-component-map.md, line 118
npx expo install expo-router - qwenwork/experts/product-design/skills/flow-mobile/references/mobile-component-map.md, line 122
> **Gluestack UI v2 说明**:v2 使用本地组件文件模式,`npx gluestack-ui add` 会在 `components/ui/[component]/index.tsx` 下生成组件。 - qwenwork/experts/product-design/skills/flow-mobile/references/mobile-component-map.md, line 124
> 如需新增未列出的组件,运行 `npx gluestack-ui add [component-name]`。 - qwenwork/experts/product-design/skills/flow-mobile/references/mobile-h5-constraints.md, line 169
2. npx vite build —— 抓取生产构建错误(比浏览器 HMR overlay 更可靠) - qwenwork/experts/product-design/skills/flow-mobile/references/mobile-h5-constraints.md, line 174
Step 1: npx vite build → 看构建报错 - qwenwork/experts/product-design/skills/flow-mobile/references/mobile-phase-a.md, line 46
npx create-expo-app [name] --template blank-typescript - qwenwork/experts/product-design/skills/flow-mobile/references/mobile-phase-a.md, line 50
npx expo install nativewind@^4 tailwindcss react-native-safe-area-context react-native-reanimated - qwenwork/experts/product-design/skills/flow-mobile/references/mobile-phase-a.md, line 53
npx gluestack-ui@latest init - qwenwork/experts/product-design/skills/flow-mobile/references/mobile-phase-a.md, line 56
npx gluestack-ui add button text box vstack hstack input badge spinner pressable - qwenwork/experts/product-design/skills/flow-mobile/references/mobile-phase-a.md, line 59
npx expo install expo-router - qwenwork/experts/product-design/skills/flow-mobile/references/mobile-phase-a.md, line 63
> **Gluestack UI v2 说明**:v2 改为本地组件文件模式。`npx gluestack-ui add` 会在 `components/ui/[component]/index.tsx` 下生成组件, - qwenwork/experts/product-design/skills/flow-mobile/references/mobile-phase-a.md, line 106
在 `app/_layout.tsx` 最顶部添加 `import "../global.css"`(`npx gluestack-ui init` 会自动注入 `GluestackUIProvider`,检查是否已写入,未写入则手动补充): - qwenwork/experts/product-design/skills/flow-mobile/references/mobile-phase-a.md, line 184
npx expo start - qwenwork/experts/product-design/skills/flow-mobile/references/mobile-rn-constraints.md, line 50
> **注意**:如未通过 `npx gluestack-ui add [component]` 安装该组件,则 `components/ui/[component]/` 目录不存在,import 会报错。 - qwenwork/experts/product-design/skills/flow-mobile/references/mobile-rn-constraints.md, line 51
> 每次新增组件类型前先运行:`npx gluestack-ui add [component-name]`
and 3 more places
Install
Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.
if [ -e ~/.agents/skills/'mobile' ] || [ -L ~/.agents/skills/'mobile' ]; then echo 'A skill folder named mobile already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/ahang1598/doubao-workbuddy-qwenwork-skills' "$d" && git -C "$d" checkout --quiet '5e45653f59a2e4a2a65f575e8aaf7637165674d5' -- 'qwenwork/experts/product-design/skills/flow-mobile' && mkdir -p ~/.agents/skills && cp -R "$d"/'qwenwork/experts/product-design/skills/flow-mobile' ~/.agents/skills/'mobile' && rm -rf "$d"; fi
Codex reads ~/.agents/skills directly. For Claude Code, Cursor, Copilot, Gemini CLI, Antigravity or OpenCode, also link it. For Claude Code: ln -s ~/.agents/skills/'mobile' ~/.claude/skills/'mobile' (other agents: ~/.cursor/skills, ~/.copilot/skills, ~/.gemini/skills, ~/.gemini/config/skills, ~/.config/opencode/skills). Or install through the finder skill, which does both.
Badge for your README
The badge for ahang1598/doubao-workbuddy-qwenwork-skills shows the score of its lowest-scoring skill.

[](https://zalavijaysinh.github.io/skilltrust/repos/ahang1598/doubao-workbuddy-qwenwork-skills/)
Score history
| Date | Version | Score |
|---|
| 2026-11-07 | 5e45653 | 85 |