Run any Skill in Manus with one click

ui-mobile

Stars129

Forks23

UpdatedApril 3, 2026 at 07:38

Use when designing or reviewing mobile app screens or H5 flows that must prioritize touch targets, information order, and small-screen readability.

Installation

Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.

Run Skill in Manus

Source

ryfineZ

ryfineZ/my-ai-skills

View GitHub Repository View Creator Repositories

Download

Run Skill in Manus

Related occupationsSOC

Based on SOC occupation classification

Web and Digital Interface DesignersComputer and Mathematical Occupations·SOC 15-1255

File Explorer

3 files

SKILL.md

readonly

name	ui-mobile
disable-model-invocation	true
description	Use when designing or reviewing mobile app screens or H5 flows that must prioritize touch targets, information order, and small-screen readability.

UI Mobile

先保主任务，再放次信息。
触控热区、按钮反馈、滚动节奏优先。
不要把桌面布局硬压成窄屏版。
小屏更容易暴露冗余标题、冗余按钮和低对比度问题。
细化规则：references/platform.md
起手 brief：../ui-assets/references/platform-briefs.md

More from this repository

same repository

doctor-skills

ryfineZ/my-ai-skills

Use when diagnosing central skill repository drift, especially when platform links look inconsistent, .skill-source.json metadata may be incomplete, verify.sh reports issues, or you want a one-command health check before larger maintenance.

2026-04-05129

ui-assets

ryfineZ/my-ai-skills

Use when maintaining shared ui-polish references, helper scripts, demo assets, or bridge documents that support the ui-polish bundle.

2026-04-05129

ui-core

ryfineZ/my-ai-skills

Use when you need the non-negotiable ui-polish rules for UI direction, color, copy, spacing, readability, button feedback, and layout restraint before making interface decisions.

2026-04-05129

ui-polish

ryfineZ/my-ai-skills

提升 Web、H5、小程序、Chrome 扩展、移动应用、Electron、Tauri 和桌面应用的界面质感、层级与一致性。用于任何涉及页面、组件、弹窗、设置页、面板、工具窗口、仪表盘或设计重构的任务，尤其当用户要求更好看、更高级、更有质感、更专业、减少 AI 味时。

2026-04-05129

ui-review

ryfineZ/my-ai-skills

Use before claiming a UI is done, polished, or good-looking to run the ui-polish blocking checks, lightweight validation, and final visual review.

2026-04-05129

ui-ux-pro-max

ryfineZ/my-ai-skills

UI/UX design intelligence for web and mobile. Includes 50+ styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines, and 25 chart types across 10 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, and HTML/CSS). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, and check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, and mobile app. Elements: button, modal, navbar, sidebar, card, table, form, and chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, and flat design. Topics: color systems, accessibility, animation, layout, typography, font pairing, spacing, interaction states, shadow, and gradient. Integrations: shadcn/ui MCP for component search and examples.

2026-04-03129

Run any Skill with one click