transpose

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

Updated Aug 20, 2026
One-click install
npx skills add https://github.com/ishfuseini/usecase-gen --skill transpose-ishfuseini
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: transpose
Source: https://github.com/ishfuseini/usecase-gen/tree/main/agent/skills/transpose
Command: npx skills add https://github.com/ishfuseini/usecase-gen --skill transpose-ishfuseini

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Moving a product from desktop to mobile, TV, kiosk, or voice is not a layout problem — shrinking or reflowing a design produces broken experiences. This Skill forces a systematic rethink of interaction models, content priorities, and user context for each target platform instead of defaulting to "just make it responsive." ## Core Features & Use Cases - Context Analysis Framework: Systematically compare input methods, attention models, screen real estate, connectivity, environment, and session length between source and target platforms. - Platform Convention Guidance: Apply concrete iOS, Android, web, TV, kiosk, embedded, and voice interaction conventions rather than generic guidelines. - Priority Mapping & Cross-Device Continuity: Document what is primary, secondary, hidden, or removed per context, and design state handoffs for users switching devices mid-task. - Use Case: A team asked to "make the dashboard work on mobile" uses this Skill to produce a context analysis matrix, a mobile-specific priority map, and a handoff strategy instead of a single-column reflow. ## Quick Start Ask the assistant to transpose your desktop dashboard experience 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 interaction models, not reflowing layout. Analyze touch input, fragmented attention, and short sessions, then remap content priorities so only the primary action and essential information appear first.

What is the difference between responsive design and transposition?

Responsive design is a layout concern handled with CSS breakpoints. Transposition is a UX concern that reconsiders interaction models, information priority, and user context when an experience moves to a new platform like mobile, TV, or voice.

How do I design for TV or 10-foot interfaces?

TV design requires D-pad navigation with unmistakable focus states, overscan safe zones, minimal text input, and lean-back readability with large type. Browsing should be visual and category-based rather than search-first.

How do I handle users switching devices mid-task?

Design explicit handoff patterns: QR codes, magic links with deep links to exact state, and cloud sync for drafts, carts, and playback position. Match re-authentication friction and notification content to each device context.

When is transposition the wrong approach?

Transposition does not cover responsive CSS implementation, visual design, navigation structure decisions, or accessibility compliance. Those belong to engineering, visual design, information architecture, and accessibility work respectively.