skills.rest
vobase
vobaseOFFICIAL
Explore all skills by this author →
GitHub

adapt

Plan context-aware UI layouts and interactions for mobile, tablet, and desktop.

59|14|Updated Mar 1, 2026
Search Tags:#design#cross-platform#ux#adaptation#context-aware#responsiveness
One-click install
npx skills add https://github.com/vobase/vobase --skill adapt-vobase
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: adapt
Source: https://github.com/vobase/vobase/tree/main/.agents/skills/adapt
Command: npx skills add https://github.com/vobase/vobase --skill adapt-vobase

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Ensures design experiences remain consistent and usable when moving across devices, screen sizes, and contexts, reducing duplication and rework.

Core Features & Use Cases

  • Context-aware layout strategies: select layouts and breakpoints that fit mobile, tablet, and desktop contexts.
  • Interaction and navigation adaptation: tailor inputs, gestures, and navigation patterns to each context.
  • Content prioritization: determine what to reveal or hide based on space and user goals across devices.
  • Use Case: When shipping a single UI across mobile and desktop, generate a plan that preserves core patterns while aligning with context-specific expectations.

Quick Start

Provide a context-aware adaptation plan for a UI across mobile, tablet, and desktop.

Frequently Asked Questions about adapt

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

FAQPage Schema
How do I adapt UI designs for multiple devices like mobile and desktop?▼

To adapt UI designs for multiple devices, generate a context-aware adaptation plan that preserves core patterns while aligning with context-specific expectations for mobile, tablet, and desktop environments.

What is context-aware layout strategy for cross-platform UX?▼

Context-aware layout strategy involves selecting layouts and breakpoints that fit mobile, tablet, and desktop contexts to ensure design experiences remain consistent and usable across different screen sizes.

How do I prioritize content across different screen sizes?▼

Content prioritization determines what to reveal or hide based on available space and user goals across devices, ensuring usability when moving across screen sizes and contexts without duplication.

How do I tailor interaction and navigation patterns for different contexts?▼

Tailoring interaction and navigation patterns involves adapting inputs, gestures, and navigation structures to fit each specific context, ensuring the cross-platform UX meets context-specific expectations.

Can I use this to ship a single UI across mobile and desktop environments?▼

Yes, when shipping a single UI across mobile and desktop, you can generate an adaptation plan that preserves core patterns while aligning with context-specific expectations for each environment.

Related Skills

Explore More Design & Creative Skills→
Davie521Davie521
7

teach-impeccable

Scan a codebase and write design context to .impeccable.md.

Community
Advanced
JoniSirvioJoniSirvio

adapt

Generate cross-context design adaptation plans for mobile, tablet, and desktop.

Community
Intermediate
dralgorhythmdralgorhythm
111

interface-design

Designs web and mobile UI layouts and specifications with navigation, forms, and feedback patterns.

Community
Intermediate
WdanielBWdanielB

responsive-design

Implement responsive layouts with container queries, fluid typography, CSS Grid, and mobile-first breakpoints.

Community
Intermediate