adapt

Plan responsive design adaptations across mobile, tablet, and desktop screens.

Updated Aug 23, 2026

Search Tags:#design #cross-platform #responsive #ux #adapt #contextual-design

Ready to run

npx skills add https://github.com/primaERP/jmhz-xml-editor --skill adapt-primaerp

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: adapt
Source: https://github.com/primaERP/jmhz-xml-editor/tree/main/style_guide/.cursor/skills/adapt
Command: npx skills add https://github.com/primaERP/jmhz-xml-editor --skill adapt-primaerp

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

Context-aware adaptation planning
Strategy templates for mobile, tablet, and desktop
Guidance for gathering design context and planning changes (Context Gathering Protocol)

Quick Start

Use the adapt skill to draft a responsive adaptation plan for a mobile device.

Frequently Asked Questions about adapt

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

FAQPage Schema

What is the best way to adapt existing designs for multiple screen sizes and devices?▼

To adapt designs for multiple screen sizes, you need a structured plan covering context gathering, device targeting, and adaptation challenges. This provides tailored strategies for mobile, tablet, and desktop experiences.

How do I plan responsive design changes for a cross-platform frontend system?▼

Plan responsive design changes by applying a Context Gathering Protocol to assess use cases, then generate strategy templates guiding adaptation across mobile, tablet, and desktop targets within frontend design systems.

How does context-aware adaptation planning work for UX designs?▼

Context-aware adaptation planning works by guiding teams through context gathering and device targeting to ensure UX designs respond effectively to different platforms, screen sizes, and user scenarios.

Does this skill provide implementation and testing guidance for responsive web design?▼

Yes, it provides implementation and testing guidance for responsive web design, ensuring mobile, tablet, and desktop adaptation strategies are executed correctly across different contextual use cases.

When do I need a structured plan for mobile, tablet, and desktop adaptation?▼

You need a structured plan for mobile, tablet, and desktop adaptation when existing frontend design systems must work effectively across different cross-platform experiences, screen sizes, and varying user contexts.