adapt

Adapt designs across screen sizes, devices, and platforms.

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

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-first adaptation strategies for layouts, interactions, and content.
  • Context gathering, platform-specific design decisions, and responsive prototyping.
  • Use Case: A product team needs a single design system that works on mobile, tablet, and desktop.

Quick Start

Provide a context brief and apply the Context Gathering Protocol to begin adapting the design for the target device.

Frequently Asked Questions about adapt

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

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

To adapt your UI design for different screen sizes, apply mobile-first adaptation strategies that handle layout, interaction, and content adjustments across mobile, tablet, and desktop contexts.

What is the best way to ensure a consistent design system across multiple platforms?

Ensuring a consistent design system across platforms requires applying context gathering protocols and responsive patterns to make platform-specific design decisions for each target device.

How do I start adapting an existing layout for mobile and tablet devices?

To start adapting an existing layout for mobile and tablet, provide a context brief and apply the Context Gathering Protocol to guide responsive prototyping and layout adjustments.

Does this approach handle interaction adaptations or just responsive layout changes?

This approach handles both interaction adaptations and responsive layout changes, ensuring the adapted design accounts for context-specific content and platform interactions, not just visual resizing.

When do I need to use context gathering for responsive design?

You need to use context gathering for responsive design when adapting an existing layout to a new platform or device, ensuring the final output matches the target context's specific interaction and content requirements.