adapt

Adapt designs for mobile, tablet, desktop, and print workflows.

Updated Apr 5, 2026

Search Tags:#accessibility #mobile #breakpoints #design-system #responsive-design #adapt

Ready to run

npx skills add https://github.com/tomerkedem/bookforge --skill adapt-tomerkedem

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: adapt
Source: https://github.com/tomerkedem/bookforge/tree/main/.agents/skills/adapt
Command: npx skills add https://github.com/tomerkedem/bookforge --skill adapt-tomerkedem

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Adapt designs to work across different screens, devices, and usage contexts.

Core Features & Use Cases

Plan and apply responsive strategies for mobile, tablet, and desktop.
Provide guidance on breakpoints, touch targets, and content prioritization.
Use cases include translating a single layout to multiple form factors with consistent UX.

Quick Start

Begin by gathering context (devices, contexts, and usage) and outline a responsive adaptation strategy.

Frequently Asked Questions about adapt

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

FAQPage Schema

What is responsive design and how does it adapt layouts across different screens?▼

Responsive design adapts layouts to work across different screens, devices, and usage contexts. It guides the translation of a single layout into multiple form factors while maintaining a consistent user experience for mobile, tablet, desktop, and print.

How do I plan a responsive adaptation strategy for mobile and tablet devices?▼

To plan responsive adaptation, begin by gathering context on target devices, contexts, and usage patterns. Outline a strategy that applies responsive layouts, interaction targets, and content prioritization to ensure consistent UX across mobile and tablet form factors.

What are the best practices for applying breakpoints and touch targets in a design system?▼

Best practices for breakpoints and touch targets involve planning responsive strategies that adapt designs across mobile, tablet, and desktop. This ensures interaction targets remain accessible and layouts scale correctly within a consistent design system.

Does responsive design work for print workflows and different device contexts?▼

Responsive design works for print workflows and different device contexts. It adapts designs to function across mobile, tablet, desktop, and print by guiding responsive layouts, interaction targets, and content strategy for each specific medium.

When do I need to prioritize content for multiple form factors in responsive design?▼

You need to prioritize content for multiple form factors when translating a single layout to different screens. Responsive design guides this content strategy to ensure consistent UX and proper interaction targets across mobile, tablet, and desktop devices.