skills.rest
TheGeekosaurus
TheGeekosaurusCOMMUNITY
Explore all skills by this author →
GitHub

transpose

Adapts UX experiences across platforms by rethinking interaction models per context.

Updated May 5, 2026
Search Tags:#UX design#cross-platform#responsive#context analysis#multi-device#mobile adaptation#platform conventions
One-click install
npx skills add https://github.com/TheGeekosaurus/blogging-platform-2 --skill transpose-thegeekosaurus
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: transpose
Source: https://github.com/TheGeekosaurus/blogging-platform-2/tree/main/.agents/skills/transpose
Command: npx skills add https://github.com/TheGeekosaurus/blogging-platform-2 --skill transpose-thegeekosaurus

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Moving a product from desktop to mobile, web to TV, or visual UI to voice is often treated as a layout problem, resulting in shrunken interfaces that ignore how input methods, attention, and environment differ per context. This Skill forces a systematic rethinking of the experience for each platform instead of just making it responsive. ## Core Features & Use Cases - Context Analysis Framework: Systematically compares input method, attention model, screen real estate, connectivity, environment, and session length between source and target platforms. - Platform Convention Guidance: Documents behavioral conventions for iOS, Android, web, TV, kiosk, embedded widgets, and voice interfaces. - Priority Mapping & Journey Continuity: Maps what content is primary, secondary, or removed per context, and designs cross-device handoff via QR codes, magic links, and cloud sync. - Use Case: A team asked to "make the dashboard work on mobile" uses this Skill to produce a context analysis matrix and priority map, concluding that mobile should show only alerts and one primary action rather than a reflowed multi-column dashboard. ## Quick Start Ask the AI to transpose your desktop checkout flow for mobile and TV, producing a context analysis matrix and per-platform priority mapping.

Frequently Asked Questions about transpose

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

FAQPage Schema
How do I adapt a desktop app design for mobile?▼

Adapting desktop to mobile requires rethinking the interaction model, not reflowing columns. Analyze touch input, fragmented attention, and micro-sessions, then map which content is primary, on-demand, or removed for the mobile context.

What is the difference between responsive design and cross-platform UX?▼

Responsive design is a layout concern handled with CSS breakpoints. Cross-platform UX transposition rethinks interaction models, information priority, and user context per platform, asking what the experience would look like if designed for that context first.

How do I design a user interface for TV or 10-foot viewing?▼

TV interfaces require D-pad navigation with unmistakable focus states, overscan safe zones, minimal text input, and large high-contrast visuals. Browsing by category works better than search-first patterns because remote text entry is painful.

How do I keep user state when switching between devices?▼

Cross-device continuity uses QR codes, magic links with deep links to exact state, and background cloud sync. Preserve drafts, carts, and playback positions, and send notifications to the device the user is likely using now.

When should a feature be removed on a specific platform?▼

Remove features when they do not serve users in that context, such as complex multi-step workflows on kiosk or data-dense dashboards on mobile. Document the cut explicitly in a priority matrix per context rather than forcing parity.

Related Skills

Explore More Design & Creative Skills→
microlinkhqmicrolinkhq
142

adapt

Adapt existing UI designs across devices, platforms, and usage contexts.

Official
Intermediate
rakedziorrakedzior

transpose

Adapts user experiences across platforms by rethinking interaction models, priorities, and context.

Community
Intermediate
intelli-verse-xintelli-verse-x
1

ivx-accessibility

Integrate comprehensive assistive features into IntelliVerseX games across Unity, Unreal, and Godot.

Official
Advanced
Yukine5377Yukine5377

ba-brand-base-gen

Generate platform-specific Brand Guideline Markdown files from a brand brief.

Community
Advanced