Adapt design patterns across screen sizes, devices, and contexts.
npx skills add https://github.com/kaishin/redalemeden.com --skill adapt-kaishin
Please help me install this Agent Skill. Skill: adapt Source: https://github.com/kaishin/redalemeden.com/tree/main/.agents/skills/adapt Command: npx skills add https://github.com/kaishin/redalemeden.com --skill adapt-kaishin
Adapt existing designs to work effectively across different contexts - different screen sizes, devices, platforms, or use cases.
Invoke the Context Gathering Protocol via /impeccable to establish design context and gather target platforms, then begin the adaptation workflow.
High-intent search queries and answers about installing and using this skill.
Responsive cross-device adaptation requires applying layout, interaction, and navigation optimizations across mobile, tablet, and desktop breakpoints. It ensures design consistency by adjusting fluid layouts and touch targets for each specific screen context.
A mobile-first redesign strategy establishes target platforms and applies layout, interaction, and content optimizations for smaller screens. This approach yields a structured adaptation workflow ensuring usability before scaling up to larger desktop breakpoints.
Verifying responsive designs involves testing layouts across varying orientations, devices, and input methods. This validation process ensures context-specific UI adjustments maintain consistency and usability before finalizing the cross-device adaptation.
Yes, adapting designs for print and email contexts is supported alongside mobile, tablet, and desktop adaptations. The approach provides specific layout and content guidelines to ensure proper rendering and usability within these distinct output formats.
Yes, establishing design context by gathering target platforms is required before starting the cross-device adaptation workflow. This preparatory step ensures the applied responsive breakpoints and layout strategies accurately match the intended screen sizes.
pdovhomiljaCreate responsive frontend layouts using mobile-first design and media queries.
krzemienskiValidate responsive UI layouts across device viewports and breakpoints.
TioSavichReview PLAN documents for missing design decisions and alignment with DESIGN.md.
JoniSirvioGenerate cross-context design adaptation plans for mobile, tablet, and desktop.
