adapt

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

Updated Mar 6, 2026
One-click install
npx skills add https://github.com/oriys/domino --skill adapt-oriys
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: adapt
Source: https://github.com/oriys/domino/tree/main/.agents/skills/adapt
Command: npx skills add https://github.com/oriys/domino --skill adapt-oriys

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Adapt existing designs to work effectively across different contexts - different screen sizes, devices, platforms, or use cases.

Core Features & Use Cases

  • Mobile adaptation strategies including layout simplification, touch-friendly targets, and bottom navigation
  • Tablet adaptation with hybrid layouts and adaptive side panels
  • Desktop adaptation enabling multi-column layouts and persistent navigation
  • Print and email adaptation guidelines to preserve readability and structure

Quick Start

Describe your source context and target context, then generate an adaptation strategy following these guidelines.

Frequently Asked Questions about adapt

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

FAQPage Schema
How do I adapt a desktop design for mobile screens with responsive breakpoints?

Adapt designs for mobile by applying layout simplification, touch-friendly targets, and bottom navigation while satisfying responsive breakpoint requirements to preserve functionality and brand consistency.

What is the best way to convert a web layout for print and email contexts?

Convert web layouts for print and email by applying context-specific adaptation guidelines that preserve readability and structure without breaking the original design's core functionality.

How do I implement progressive disclosure across tablet and desktop environments?

Implement progressive disclosure across tablet and desktop by using hybrid layouts with adaptive side panels for tablets, and multi-column layouts with persistent navigation for desktop environments.

Can I use a single adaptation strategy for both touch targets and multi-column layouts?

Yes, a single adaptation strategy can address both touch targets and multi-column layouts by applying context-specific rules for mobile interactions and desktop structures while preserving brand and functionality.

Why does my cross-context design break when moving from mobile to desktop?

Cross-context designs break when moving from mobile to desktop if adaptation strategies lack proper responsive breakpoints, persistent navigation, and multi-column layout rules to maintain consistency across environments.