Adapt designs across screen sizes and devices using markdown-defined processes.
npx skills add https://github.com/thnakon/babybib-v2 --skill adapt-thnakon
Please help me install this Agent Skill. Skill: adapt Source: https://github.com/thnakon/babybib-v2/tree/main/.agents/.claude/skills/adapt Command: npx skills add https://github.com/thnakon/babybib-v2 --skill adapt-thnakon
The adapt Skill addresses the challenge of designing applications that function effectively across various screen sizes, devices, contexts, or platforms.
Invoke /adapt to begin adapting your design for tablet use.
High-intent search queries and answers about installing and using this skill.
Responsive design adaptation modifies your existing UI for different screen sizes and platforms using breakpoints, fluid layouts, and touch targets. It ensures applications function effectively across mobile, tablet, print, and email contexts.
Breakpoints are needed for adaptive layout design when you must reorganize UI components to fit varying screen dimensions. They allow your application interface to fluidly adjust across multiple devices and target contexts.
Yes, you can initiate the adaptation process with specific design requirements for tablet use. The skill adjusts the design contextually based on the target platform you define.
Cross-platform design adaptation is best handled by modifying designs with fluid layouts and touch targets. This approach ensures the interface functions effectively whether targeting mobile, tablet, print, or email contexts.
Responsive design adaptation works effectively for print and email contexts. It adjusts your layout based on the specific target context, ensuring the design functions properly across these distinct output formats.
spontus-reachGenerate tokenized spacing scales and responsive grid specifications for Figma design systems.
trieloffDesign and implement production-ready frontend interfaces with design tokens.
ZainEldeen-Ashraf-Ibrahim-Ibrahim-SamakAdapt designs across screen sizes, devices, and input methods.
yashvinthanImplement responsive layouts with container queries, fluid typography, and CSS Grid.
