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.