Reframe existing designs for different screen sizes, devices, and contexts.
npx skills add https://github.com/mahou-labs/shiru --skill adapt-mahou-labs
Please help me install this Agent Skill. Skill: adapt Source: https://github.com/mahou-labs/shiru/tree/main/.agents/skills/adapt Command: npx skills add https://github.com/mahou-labs/shiru --skill adapt-mahou-labs
Adapt designs to work effectively across different contexts - different screen sizes, devices, or usage scenarios, while maintaining usability and brand consistency.
Describe your target context and run the Context Gathering Protocol to produce an adaptation plan
High-intent search queries and answers about installing and using this skill.
To adapt designs for different screen sizes, you reframe existing layouts using mobile-first strategies and responsive breakpoints. This ensures core content remains accessible on small screens while scaling up to tablet and desktop with master-detail patterns.
Maintaining usability during layout adaptation requires adjusting content, navigation, and interaction patterns for small screens. Applying a mobile-first strategy ensures core content stays accessible and functional across different device contexts.
Yes, responsive design can reframe existing layouts for print scenarios. The adaptation process handles layout, interaction, and content decisions to ensure the design translates effectively across physical print contexts.
Context-aware testing validates cross-platform design adaptations by checking layouts across different devices and usage scenarios. This testing guidance ensures the final output remains accessible and brand-consistent across all target contexts.
Yes, you need a context-gathering protocol to start responsive design adaptation. Describing your target context and running this protocol produces a structured adaptation plan that guides subsequent layout and interaction decisions.
Nickalus12Identify performance hotspots and regressions in Loom-style codebases.
joshtolDiagnose performance bottlenecks in emotive-mascot animations across devices.
alexzhang1030Adapt existing designs across screen sizes and interaction contexts.
MADTeacherCreate adaptive Flutter UIs for different screen sizes and platforms.
