Provides structured guidelines for responsive layouts, navigation, and content prioritization across devices.
npx skills add https://github.com/ky-zo/kyzo --skill adapt-ky-zo
Please help me install this Agent Skill. Skill: adapt Source: https://github.com/ky-zo/kyzo/tree/main/.agents/skills/adapt Command: npx skills add https://github.com/ky-zo/kyzo --skill adapt-ky-zo
Cross-context design adaptation ensures consistent user experiences across devices and environments, reducing cognitive load and rework.
Generate a context-aware adaptation plan for a product design that scales from mobile to desktop across environments.
High-intent search queries and answers about installing and using this skill.
Generate a context-aware adaptation plan by defining single-column mobile layouts, multi-column desktop layouts, orientation-aware adjustments, and thumb-friendly interaction models to scale your product design effectively.
Apply progressive disclosure and context-aware content prioritization strategies. Use accessible typography to ensure content remains readable and structured when adapting layouts from single-column mobile to multi-column desktop views.
Yes, adaptation guidelines include accessibility compliance across contexts. It provides structured strategies for thumb-friendly controls, accessible targets, and accessible typography to ensure usable experiences on any device.
The best way is implementing context-aware navigation strategies. This provides predictable navigation patterns suitable for both mobile and desktop environments, ensuring users can easily navigate regardless of device context.
Imad-OuteGenerate design systems from wireframes and UX briefs with component inventories.
mchien15Convert design references into reusable HTML/CSS/JS components and design tokens.
CodeWithKarolValidate UI code against Web Interface Guidelines and report file:line issues.
dawsonblockDesign and implement responsive UI interfaces for web applications using React and CSS frameworks.
