Automate responsive design adaptation across mobile, tablet, desktop, print, and email contexts.
npx skills add https://github.com/delbyte/ciao-bello-website --skill adapt-delbyte
Please help me install this Agent Skill. Skill: adapt Source: https://github.com/delbyte/ciao-bello-website/tree/main/.agents/skills/adapt Command: npx skills add https://github.com/delbyte/ciao-bello-website --skill adapt-delbyte
Adapt existing designs to work effectively across different contexts - different screen sizes, devices, platforms, or use cases.
Draft a mobile-first adaptation plan for an existing desktop design and propose changes for mobile, tablet, and desktop contexts.
High-intent search queries and answers about installing and using this skill.
Adapting a desktop UI for mobile and tablet screens requires generating context-aware strategies for layout, single-column flow, touch targets, and accessible typography. This Skill automates that process by providing a structured adaptation plan with validation steps and guardrails.
Planning responsive design across devices is best handled by a structured cross-context strategy. This Skill automates generating adaptation plans for mobile, tablet, desktop, print, and email, including guidelines for interaction, content, and navigation adjustments.
Yes, you can adapt layouts for print and email contexts using a single cross-context design strategy. This Skill provides specific adaptation guidelines, validation steps, and guardrails for print and email formats alongside mobile, tablet, and desktop screen sizes.
Context-driven UI adaptation works by applying targeted layout, interaction, and navigation adjustments based on the target screen size or platform. This Skill automates defining those context-aware adjustments and outputs a structured plan with validation steps.
Converting a desktop interface into a mobile-first layout requires a defined Context Gathering Protocol to inform the adaptation. This Skill uses that protocol to automate the generation of targeted UI changes for single-column flow and touch interactions.
Automating cross-context design adaptation is limited by the need for a predefined Context Gathering Protocol and inherent guardrails. Without this initial context, the Skill cannot generate accurate layout, interaction, and content adjustment strategies for mobile, tablet, or desktop.
djkloopConduct a structured discovery interview and produce a design brief.
stefanbooveanu-debugAdapts UI designs to mobile, tablet, and desktop using responsive breakpoints and touch-friendly elements.
githubInspect web interfaces for layout, accessibility, and visual consistency issues.
yckkkkCoordinate cross-context design adaptations for mobile, tablet, and desktop layouts.
