Mobile Ui Ux Designer: Install, Source and Security | FunnelSlayer

Mobile Ui Ux Designer

Published by mdrmuhaimin in agentic-skills

No known issues71 installs

What this skill does

Design mobile screens and flows with research, responsive layouts, accessibility, motion, component reuse, and implementation handoffs for native and cross-platform applications.

Add Mobile Ui Ux Designer to your agent

Review the source and files first. When you are ready, copy the prompt instruction or use the CLI command supported by your environment.

Install with a prompt

Paste this into a compatible coding agent:

add this skill "mobile-ui-ux-designer" from https://github.com/mdrmuhaimin/agentic-skills

Install with the CLI

Run this command in a controlled environment after reviewing the repository:

npx skills add https://github.com/mdrmuhaimin/agentic-skills --skill mobile-ui-ux-designer

Skill instructions

Mobile user interface and user experience design

Accept a feature, requirement, screenshot, wireframe, user flow, critique, or implementation request. Define the user's goal before visual design.

Start

  1. Read the applicable project instructions and product context.
  2. Identify the user, primary action, current problem, and failure risks.
  3. Find existing components, design tokens, navigation, localization, and tests.
  4. Select the task size below.

A design token is a named value for color, spacing, type, or another visual property. Use existing tokens before arbitrary values.

SizeScopeOutput budget
LOWOne copy, component, spacing, or state change300–600 words
MEDIUMOne screen, form, sheet, or flow step900–1,600 words
HIGHSeveral screens, sensitive flows, or design-system work1,800–3,500 words

For context and research, read understand.md. For design contracts and limits, read design.md.

For review or implementation, read verify.md. Get actual project values through project-context.md.

Design requirements

Make essential content and the next action available on compact screens. Explain any constraint from large text, localization, keyboards, or safety warnings.

Use one dominant action in a usual task state. For equal alternatives, define an explicit choice state. Do not weaken a legitimate peer action.

Give error, empty, locked, and disabled states a clear next step. Explain unavailable features honestly. Keep user input on failure.

Specify concrete components, token roles, and behavior. Do not use vague design descriptions such as “modern” or “premium.”

Keep accessibility in every task size. Respect reduced motion. Use more than color or icons to communicate meaning.

Do not invent research. If browsing is unavailable, disclose the limit. Use verified local context and known platform constraints.

Merge overlapping sections. Omit irrelevant template sections. Keep the design and handoff within the selected budget.

Language and decisions

Use ASD-STE100 writing rules: active voice, simple verbs, consistent defined terms, and no contractions or semicolons.

Limit instructions to 20 words per sentence and descriptions to 25 words. Keep one topic and at most six sentences per paragraph.

Keep exact token names, interface labels, and quotations. Use the project's required locale for product copy.

Resolve unknown user goals, inaccessible states, missing data, and material scope changes before final design. Follow the approval rules in verify.md.

Approval already given for the same design stays valid. Do not infer approval from silence. Do not implement or publish beyond the authorized task.

Files included

  • references/design.md
  • references/project-context.md
  • references/understand.md
  • references/verify.md
  • SKILL.md

More skills