adapt

Adapt designs across screen sizes, devices, contexts, or platforms.

1|Updated Mar 19, 2026
One-click install
npx skills add https://github.com/Bigalan09/Burohame --skill adapt-bigalan09
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: adapt
Source: https://github.com/Bigalan09/Burohame/tree/main/.codex/skills/adapt
Command: npx skills add https://github.com/Bigalan09/Burohame --skill adapt-bigalan09

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

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

Core Features & Use Cases

  • Context-Gathering Protocol: define and document target platforms and usage contexts before adaptation.
  • Responsive Adaptation: create layout and interaction strategies that adjust across mobile, tablet, desktop, and embedded environments.
  • Use Case Scenarios: apply adaptations for on-the-go apps, dashboards, and experiences requiring consistent UX across contexts.

Quick Start

Gather the current design context and target devices, then apply adaptation guidelines to create a responsive version.

Frequently Asked Questions about adapt

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

FAQPage Schema
How do I adapt my design for different screen sizes and devices?

To adapt designs across screen sizes and devices, gather current design context and target devices, then apply responsive adaptation guidelines to generate layouts for mobile, tablet, desktop, and embedded environments.

What is cross-platform UX design and when do I need it?

Cross-platform UX design ensures consistent user experiences across varying contexts and devices. You need it when creating applications for on-the-go apps, dashboards, or systems requiring consistent interaction across mobile, tablet, desktop, and embedded platforms.

How do I make frontend layouts responsive across mobile, tablet, and desktop?

Make frontend layouts responsive by defining target platforms and usage contexts first, then applying adaptable layout and interaction strategies that adjust fluidly across mobile, tablet, desktop, and embedded environments.

Does responsive design work for embedded contexts and dashboards?

Yes, responsive design works for embedded contexts and dashboards by applying adaptation guidelines that adjust layout, interaction, and content changes specifically for these target use case scenarios and environments.

What's the best way to document target platforms before adapting a UI?

The best way to document target platforms before adapting a UI is following the Context Gathering Protocol, which defines and documents target platforms and usage contexts before creating responsive adaptation strategies.