skills.rest
Ikki-Group
Ikki-GroupOFFICIAL
Explore all skills by this author →
GitHub

adapt

Adapt designs for multiple screen sizes, devices, and contexts.

Updated Jan 24, 2026
Search Tags:#accessibility#cross-device#breakpoints#responsive-design#touch-targets#adapt
One-click install
npx skills add https://github.com/Ikki-Group/erp --skill adapt-ikki-group
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: adapt
Source: https://github.com/Ikki-Group/erp/tree/main/.agents/skills/adapt
Command: npx skills add https://github.com/Ikki-Group/erp --skill adapt-ikki-group

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

  • Responsive breakpoints and fluid layouts
  • Touch-friendly targets and orientation-aware adjustments
  • Cross-device consistency and scalable components

Quick Start

Provide a design adaptation plan for a mobile app interface.

Frequently Asked Questions about adapt

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

FAQPage Schema
How do I make my UI design responsive across multiple screen sizes?▼

To make your UI design responsive across multiple screen sizes, you need an adaptation plan that defines fluid layouts and responsive breakpoints, ensuring cross-device consistency for every interface element.

What's the best way to plan touch targets for a mobile app interface?▼

Planning touch targets for a mobile app interface requires orientation-aware adjustments to ensure touch-friendly interactions, maintaining cross-device consistency and accessibility across different mobile contexts.

When do I need to adapt my design for cross-device product launches?▼

You need to adapt your design for cross-device product launches when a single interface must function effectively across varying screen sizes, platforms, and use cases without losing usability or accessibility.

Can I use accessibility considerations with responsive breakpoints in UI redesign?▼

Yes, you can apply accessibility considerations alongside responsive breakpoints during UI redesign to ensure orientation-aware adjustments and touch-friendly targets meet cross-device consistency standards.

How do I create a design adaptation plan for existing interfaces?▼

Creating a design adaptation plan for existing interfaces involves mapping out responsive breakpoints, fluid layouts, and touch-friendly targets to ensure the UI works effectively across different screen sizes and platforms.

Related Skills

Explore More Design & Creative Skills→
JongHyunLee84JongHyunLee84

factory-ui-design

Generate UI specifications with screen layouts and component hierarchies from technical architecture.

Community
Advanced
phananhtuan09phananhtuan09

frontend-design-responsive

Define mobile-first breakpoint systems and fluid typography for responsive UIs.

Community
Intermediate
hulusi-tunchulusi-tunc
3

responsive-accessibility

Identify accessibility regressions in responsive layouts across breakpoints, zoom levels, and orientations.

Community
Advanced
Im5tuIm5tu
6

flutter-adaptive-ui

Build adaptive Flutter layouts using MediaQuery and LayoutBuilder breakpoints.

Community
Advanced