Adapt designs across screen sizes, devices, and platforms.
npx skills add https://github.com/pbakaus/impeccable --skill adapt-pbakaus
Please help me install this Agent Skill. Skill: adapt Source: https://github.com/pbakaus/impeccable/tree/main/source/skills/adapt Command: npx skills add https://github.com/pbakaus/impeccable --skill adapt-pbakaus
Adapt existing designs to work effectively across different contexts - different screen sizes, devices, platforms, or use cases.
Describe the source context and target device to generate a context-aware adaptation plan.
High-intent search queries and answers about installing and using this skill.
Adapting designs across screen sizes involves generating a context-aware plan that addresses responsive breakpoints, adjusts layouts for mobile, tablet, and desktop, and modifies interactions based on touch or pointer navigation.
Responsive design for touch versus pointer devices requires an adaptation plan that adjusts interaction patterns and shifts between primary and secondary navigation based on the target platform's contextual constraints.
Yes, you can adapt layouts for print and email use cases by applying contextual content strategies and progressive disclosure to ensure the design functions effectively across those specific platforms.
Yes, this method includes accessibility considerations by aligning with design-system standards and implementing progressive disclosure strategies to ensure content remains usable across different devices and platforms.
Creating a responsive breakpoint strategy for a marketing page involves mapping content progression and layout shifts across mobile, tablet, and desktop contexts to maintain usability and narrative flow.
You should apply progressive disclosure in cross-context adaptation when translating complex layouts to smaller screens, ensuring contextual content strategies prioritize essential information for mobile and tablet devices.
trydyddCreates adaptive design plans specifying layouts, roles, and cross-device behavior for given contexts.
naviktBuild responsive layouts using Aksel v8+ spacing tokens and layout primitives.
PavkaBrikaAutomate cross-context design adaptation for mobile, tablet, desktop, and print.
kobogithubAutomate responsive design testing by resizing browser viewports and capturing screenshots.
