Adapt existing UI designs across screen sizes, devices, and usage contexts.
npx skills add https://github.com/yahya-azeem/Pokedex --skill adapt-yahya-azeem
Please help me install this Agent Skill. Skill: adapt Source: https://github.com/yahya-azeem/Pokedex/tree/main/library/impeccable/skills/adapt Command: npx skills add https://github.com/yahya-azeem/Pokedex --skill adapt-yahya-azeem
Adaptation fixes broken layouts and unusable interactions when a design must work across different screen sizes, input methods, and contexts.
Use case: Update an existing marketing or product UI so it performs correctly on mobile and tablet, including navigation changes, spacing, and responsive typography.
Run impeccable adapt for the current design and specify the target platform and context (for example, mobile and tablet) so the layout, navigation, and interaction patterns are adjusted to fit the constraints.
High-intent search queries and answers about installing and using this skill.
Responsive UI adaptation reframes layouts around specific device constraints by planning breakpoints, transforming navigation structures, and adjusting content density so the experience feels native on each screen size rather than simply scaling.
Touch-first interaction fixes replace pointer-dependent patterns by implementing appropriate touch targets and tactile feedback, ensuring mobile and tablet users can navigate effectively without relying on hover states.
Cross-context adaptation adjusts information density, navigation structure, and content presentation to fit print and email constraints, ensuring the design performs correctly outside standard browser environments.
Layouts break when designs are simply scaled without responsive breakpoint planning; fluid layouts require reframing the UI structure, adjusting spacing, and applying responsive typography to accommodate varying screen dimensions.
Multi-device testing is required before finalizing any responsive design adaptation to verify that layout transformations, touch targets, and navigation changes perform correctly across all targeted screen sizes and usage contexts.
pproencaApply responsive Tailwind CSS patterns for layouts across screen sizes.
LortunateApply context-aware design adaptations to multi-device interfaces.
WdanielBImplement responsive layouts with container queries, fluid typography, CSS Grid, and mobile-first breakpoints.
deomiarnCreate mobile-first responsive web layouts with CSS grid and media queries.
