Create cross-context design adaptation plans for mobile, tablet, desktop, and print.
npx skills add https://github.com/DanialHaseeb/dotfiles --skill adapt-danialhaseeb
Please help me install this Agent Skill. Skill: adapt Source: https://github.com/DanialHaseeb/dotfiles/tree/main/codex/skills/adapt Command: npx skills add https://github.com/DanialHaseeb/dotfiles --skill adapt-danialhaseeb
Provides a structured approach to make designs work across different screen sizes, devices, and contexts by outlining context gathering, adaptation strategies, and implementation plans.
Provide a mobile-first adaptation plan for a responsive website using the Context Gathering Protocol.
High-intent search queries and answers about installing and using this skill.
Responsive design adapts layouts, typography, and navigation across mobile, tablet, desktop, and print contexts. You apply adaptation strategies by gathering user context and usage scenarios to guide cross-device design decisions.
Start a mobile-first adaptation plan by establishing user context, target devices, and usage scenarios. Apply adaptive strategy guidelines to layout, interaction patterns, content, and navigation, then validate the design across contexts.
Yes, cross-device adaptation includes print considerations alongside mobile, tablet, and desktop. The strategy outlines specific layout, typography, and interaction recommendations to ensure designs transition effectively into print formats.
Validate cross-context design changes by applying practical implementation steps and testing across targeted devices. Use the structured adaptation plan to verify that layout, navigation, and interaction patterns function correctly in each context.
Layouts break without a structured adaptive strategy that gathers user context and usage scenarios. Applying mobile-first adaptation guidelines for layout, typography, and navigation ensures designs scale correctly across different screen sizes.
Bloodrey41Guide cross-device design adaptation across mobile, tablet, desktop, and print contexts.
oriysAdapt designs across mobile, tablet, desktop, print, and email contexts.
wukangcheng2944Adapt UI layouts and interactions across mobile, tablet, desktop, and print contexts.
MuhamadAnangImplement responsive designs with container queries, fluid typography, and CSS Grid.
