skills.rest
pillip
pillipCOMMUNITY
Explore all skills by this author →
GitHub

mobile-uiux

Generate a token-driven mobile design system and Expo prototype from PRD kickoff outputs.

11|Updated Feb 18, 2026
Search Tags:#mobile#prototype#wireframes#design-system#expo#uiux
One-click install
npx skills add https://github.com/pillip/claude-dev-kit --skill mobile-uiux
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: mobile-uiux
Source: https://github.com/pillip/claude-dev-kit/tree/main/skills/mobile-uiux
Command: npx skills add https://github.com/pillip/claude-dev-kit --skill mobile-uiux

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps product teams align on a coherent mobile experience by translating kickoff outputs into a ready-to-use mobile design system, wireframes, and an Expo-based prototype.

Core Features & Use Cases

  • Derives a mobile design philosophy from kickoff outputs and PRD
  • Generates a mobile design system with color, typography, spacing, and component tokens
  • Produces wireframes and React Native (Expo) prototype ready for iteration and user testing
  • Supports hand-off with detailed interaction specs and accessibility considerations

Quick Start

Kick off the mobile UI/UX workflow by running /kickoff with your PRD, then run /mobile-uiux to generate the mobile prototype.

Frequently Asked Questions about mobile-uiux

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I turn a PRD into a mobile design system and Expo prototype?▼

You can transform kickoff outputs and a PRD into a mobile design system and Expo prototype by generating color, typography, and spacing tokens alongside React Native wireframes ready for user testing.

What is included in a mobile design system generated from kickoff outputs?▼

A generated mobile design system includes design tokens for color, typography, and spacing, along with wireframes, interaction specifications, and accessibility considerations for iOS and Android.

Can I use this to generate React Native wireframes for both iOS and Android?▼

Yes, the workflow derives a mobile design philosophy from your PRD and produces a production-ready React Native Expo implementation with wireframes supporting both iOS and Android platforms.

Do I need a PRD to start the mobile UI/UX workflow?▼

Yes, you start by running a kickoff with your PRD to establish the mobile design philosophy, which is then used to generate the design tokens and Expo prototype.

What's the best way to hand off a mobile prototype to developers?▼

The workflow supports developer hand-off by providing detailed interaction specifications, accessibility considerations, and a production-ready React Native Expo implementation alongside the design system.

Does the generated mobile prototype support design tokens for spacing and typography?▼

Yes, the workflow generates a token-driven system that explicitly defines color, typography, and spacing tokens to ensure a coherent mobile experience across the prototype.

Related Skills

Explore More Design & Creative Skills→
nrminornrminor

prd

Generate a structured PRD with clarifying questions and save it to a markdown file.

Community
Basic
msichtermanmsichterman

expo-dev-client

Create and distribute Expo development clients for iOS and Android testing.

Community
Intermediate
msichtermanmsichterman

expo-deployment

Automate Expo app builds, submissions, and web hosting via EAS.

Community
Intermediate
kinncjkinncj
23

mockup

Generates runnable UI mockups from approved wireframes using declared stacks.

Community
Advanced