skills.rest
armedi
armediCOMMUNITY
Explore all skills by this author →
Website𝕏@armediGitHub

adapt

Adapt designs across mobile, tablet, desktop, and print contexts.

Updated Apr 16, 2026
Search Tags:#cross-device#breakpoints#adaptation#responsive-design#touch-targets#ux-guidance#layout-strategy
One-click install
npx skills add https://github.com/armedi/pi-paper --skill adapt-armedi
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: adapt
Source: https://github.com/armedi/pi-paper/tree/main/.pi/skills/adapt
Command: npx skills add https://github.com/armedi/pi-paper --skill adapt-armedi

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Adapt designs across contexts to maintain usability. Implements breakpoints, fluid layouts, and touch targets. Use when the user mentions responsive design, mobile layouts, breakpoints, viewport adaptation, or cross-device compatibility.

Core Features & Use Cases

  • Layout strategies for mobile, tablet, and desktop adaptation to ensure consistent UX across contexts.
  • Interaction and accessibility adjustments including touch targets, orientation changes, and navigation adaptations.
  • Implementation guidance with planning steps for cross-context design adaptation and performance considerations.

Quick Start

Describe the target device and usage context to generate an adaptation plan.

Frequently Asked Questions about adapt

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

FAQPage Schema
How do I create a responsive design layout strategy for mobile and tablet?▼

Responsive design adaptation requires planning steps that adjust layout strategies, touch targets, and navigation for cross-device compatibility, ensuring consistent UX when orientation changes occur on mobile and tablet contexts.

What's the best way to plan breakpoints and touch targets for cross-device compatibility?▼

Planning breakpoints and touch targets involves defining layout strategies and accessibility adjustments to maintain consistent UX across mobile, tablet, desktop, and print contexts during cross-device adaptation.

When do I need to adapt designs for print contexts alongside desktop layouts?▼

You need to adapt designs for print contexts when maintaining usability across diverse media requires applying specific layout decisions and viewport adaptation strategies beyond standard desktop and mobile screens.

Can I use this approach to handle orientation changes and navigation adaptations?▼

Yes, this approach handles orientation changes and navigation adaptations by providing interaction and accessibility adjustments that maintain consistent UX across varying mobile and tablet device contexts.

Why does my responsive design strategy fail to maintain usability across different devices?▼

Responsive design strategies fail when they lack comprehensive adaptation plans for layout decisions, touch targets, and performance considerations needed to maintain usability across mobile, tablet, and desktop contexts.

Related Skills

Explore More Design & Creative Skills→
danieldekaydanieldekay
1

using-superpowers

Load applicable skill guidance before generating any reply.

Community
Advanced
ev3rlitev3rlit

adapt

Implements responsive breakpoints, fluid layouts, and accessible touch targets across devices.

Community
Advanced
marcusmarcus
1.0k

ui-features

Guide developers in implementing Sidecar UI modals, keyboard shortcuts, and responsive layouts.

Community
Advanced
WdanielBWdanielB

responsive-design

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

Community
Intermediate