skills.rest
erdiantomy
erdiantomyCOMMUNITY
Explore all skills by this author →
GitHub

i-adapt

Adapt designs across screen sizes, devices, and contexts with responsive layouts.

Updated Aug 23, 2026
Search Tags:#accessibility#context-awareness#ux#responsive-design#cross-context#design-systems#adapt
One-click install
npx skills add https://github.com/erdiantomy/nosecret-eab25fe0 --skill i-adapt-erdiantomy
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: i-adapt
Source: https://github.com/erdiantomy/nosecret-eab25fe0/tree/main/.claude/skills/i-adapt
Command: npx skills add https://github.com/erdiantomy/nosecret-eab25fe0 --skill i-adapt-erdiantomy

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 gathering and planning to understand target devices, usage contexts, and constraints.
  • Strategy templates for Mobile, Tablet, Desktop, Printer, and Email adaptations with layout, interaction, content, and navigation guidance.
  • Implementation guidance including checklists and guardrails to ensure consistency and accessibility across contexts.

Quick Start

Provide the source design context and the target contexts, and I will generate an adaptation plan.

Frequently Asked Questions about i-adapt

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

FAQPage Schema
How do I adapt a design for consistent UX across different screen sizes and devices?▼

Adapting designs for consistent UX across contexts involves generating a plan that covers responsive layouts, touch targets, and progressive disclosure for your target devices and screen sizes.

What is the best way to plan responsive design adaptations for mobile and tablet interfaces?▼

Planning responsive design adaptations uses strategy templates for mobile and tablet that provide specific layout, interaction, content, and navigation guidance to ensure context-aware consistency.

Can I use context-aware design strategies for print and email scenarios?▼

Yes, context-aware design strategies include specific templates for print and email scenarios, applying layout, interaction, and content decisions to ensure consistent UX across these formats.

How do I ensure accessibility and consistency when adapting a design system to new platforms?▼

Ensure accessibility and consistency when adapting design systems by applying implementation checklists and guardrails provided in the adaptation plan to verify cross-context behavior.

What constraints do I need to gather before adapting an existing UI layout?▼

Before adapting a UI layout, gather target device specifications, usage contexts, and platform constraints to inform context-aware layout, interaction, and content decisions.

Related Skills

Explore More Design & Creative Skills→
trydyddtrydydd

i-adapt

Creates adaptive design plans specifying layouts, roles, and cross-device behavior for given contexts.

Community
Advanced
jimiryquaijimiryquai

adapt

Adapt UI/UX designs across mobile, tablet, desktop, and print contexts.

Community
Advanced
unnamedmistressunnamedmistress

ux-ui-designer

Design mobile-first interfaces with WCAG AA contrast and 8pt spacing.

Community
Intermediate
TheBushidoCollectiveTheBushidoCollective
187

jutsu-react-native:react-native-styling

Style React Native components with StyleSheet, Flexbox, and platform-aware design.

Official
Intermediate