Generate cross-context design adaptation plans for mobile, tablet, and desktop.
npx skills add https://github.com/JoniSirvio/bookshelfV2 --skill adapt-jonisirvio
Please help me install this Agent Skill. Skill: adapt Source: https://github.com/JoniSirvio/bookshelfV2/tree/main/.cursor/skills/adapt Command: npx skills add https://github.com/JoniSirvio/bookshelfV2 --skill adapt-jonisirvio
Adapt designs to work effectively across different contexts—different screen sizes, devices, platforms, or use cases—to ensure a consistent user experience.
Provide a context description and the existing design, and request a context-aware adaptation plan.
High-intent search queries and answers about installing and using this skill.
Plan responsive design adaptation by mapping device contexts and applying structured strategy templates. This workflow generates layout guidance, recommended breakpoints, and interaction patterns for mobile, tablet, and desktop screens.
The best way to adapt existing interfaces for cross-platform contexts is using a structured adaptation plan. Provide the current design and context description to receive platform-specific interaction strategies and validation steps.
Create consistent UX across devices by applying context mapping and problem framing. This process identifies device-specific patterns and accessibility considerations to ensure a unified user experience across mobile, tablet, and desktop contexts.
Yes, you can use this workflow to adapt designs for tablet-specific interaction patterns. The strategy templates include dedicated layout guidance and interaction strategies specifically covering the tablet context.
You need to provide a context description and the existing design. Requesting a context-aware adaptation plan with these inputs yields recommended breakpoints, interaction strategies, and validation steps.
Yes, cross-context design adaptation supports accessibility considerations for responsive layouts. The adaptation workflow includes use cases covering device-specific patterns and accessibility to ensure effective multi-device experiences.
shiroginCapture project identity, principles, stakeholders, boundaries, and success criteria.
trydyddCreates adaptive design plans specifying layouts, roles, and cross-device behavior for given contexts.
cexllGenerate structured UI/UX prototype prompts for mobile and web applications.
sandrasocialAdapt desktop layouts to mobile, tablet, print, and other screen sizes.
