Creates structured mobile, tablet, and desktop adaptation plans for responsive UI redesigns.
npx skills add https://github.com/wellsgz/SonarScope --skill adapt-wellsgz
Please help me install this Agent Skill. Skill: adapt Source: https://github.com/wellsgz/SonarScope/tree/main/.codex/skills/adapt Command: npx skills add https://github.com/wellsgz/SonarScope --skill adapt-wellsgz
Adapt designs to work effectively across different contexts—across screen sizes, devices, and usage scenarios—ensuring a consistent user experience.
Apply the adaptation plan to a sample interface and adjust for mobile, tablet, and desktop contexts.
High-intent search queries and answers about installing and using this skill.
To adapt a desktop UI for mobile, apply a structured plan that reflows layouts into touch-friendly controls and uses progressive disclosure to maintain usability on small screens.
Plan responsive layouts for tablet and desktop contexts by leveraging multi-column arrangements and persistent navigation to utilize larger surfaces, ensuring a consistent cross-context user experience.
Cross-context content strategy works by applying progressive disclosure, accessible targets, and context-aware patterns to maintain consistent usability and interaction across different screen sizes and platforms.
You do not need to rearchitect core user flows when scaling designs across devices; you can use a single adaptive plan to guide responsive UI changes from desktop to mobile while preserving the core flow.
You can use a single adaptive plan for mobile-to-desktop reflows that explicitly defines layout, interaction, and content strategies to scale your design flawlessly across devices without rearchitecting core flows.
FldicoahkiinAdapt designs across screen sizes, devices, and contexts with a structured plan.
SivanwolGenerate production-ready HTML/CSS/JS components and layouts from user specifications.
am-willDefine mobile-first responsive design standards for frontend layouts across devices.
civictechdcImplement responsive layouts with container queries, fluid typography, and CSS Grid.
