How does it handle touch vs. mouse input transitions?

The skill identifies necessary changes such as increasing touch targets to 44x44px for mobile and replacing hover-dependent interactions with touch-friendly alternatives.

Does this skill handle mobile-to-desktop conversions?

Yes, it includes specific strategies for expanding mobile layouts into rich, multi-column desktop experiences that utilize hover states and keyboard shortcuts.

What is the Adapt skill for Claude Code?

The Adapt skill is a domain-specific capability that provides guidance on transitioning designs across different contexts like mobile, tablet, desktop, print, and email.

Can it help with email design constraints?

Absolutely. It provides specific strategies for adapting web layouts to the 600px width and table-based requirements of email client compatibility.

Design Adaptation Engine

Name: Design Adaptation Engine
Author: Moliboy5000

byMoliboy5000

0•

设计工具

Adapts user interfaces and designs to function flawlessly across different screen sizes, devices, and platforms while maintaining consistency.

The Adapt skill is a specialized capability for Claude Code designed to transition existing designs between various environments, including mobile, tablet, desktop, print, and email. It goes beyond simple scaling by rethinking user interactions for specific contexts—such as optimizing touch targets for mobile or implementing keyboard shortcuts for desktop—ensuring that every platform-specific constraint is addressed with an intentional, high-quality user experience.

主要功能

01Content prioritization through progressive disclosure and fluid typography

02Compatibility guidelines for email clients and print-friendly layouts

03Context-aware interaction mapping for touch, mouse, and keyboard

040 GitHub stars

05Multi-platform strategy generation (Mobile, Tablet, Desktop, Print, Email)

06Responsive breakpoint optimization and content-driven layout refactoring

使用场景

01Converting a desktop-first dashboard into a touch-friendly, single-column mobile application

02Transforming complex web UI components into email-client compatible table structures

03Optimizing web content for professional print and PDF layouts by removing interactive elements

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add moliboy5000/.claude adapt

For use in Claude.ai and ChatGPT