Creates adaptive design plans specifying layouts, roles, and cross-device behavior for given contexts.
npx skills add https://github.com/trydydd/open-circuits --skill i-adapt-trydydd
Please help me install this Agent Skill. Skill: i-adapt Source: https://github.com/trydydd/open-circuits/tree/main/.claude/skills/i-adapt Command: npx skills add https://github.com/trydydd/open-circuits --skill i-adapt-trydydd
Adapt existing designs to work effectively across different contexts - different screen sizes, devices, platforms, or use cases.
Provide the current design context and target devices to start an adaptation plan.
High-intent search queries and answers about installing and using this skill.
To adapt an existing design, you identify the target device and context to anchor responsive adaptation tasks across mobile, tablet, desktop, print, or email, defining concrete strategies for layout, interaction, content, and navigation changes.
Planning responsive design breakpoints involves specifying implementation requirements and constraints, including breakpoints, accessibility considerations, and performance targets, ensuring the system executes the adaptation plan effectively across all target contexts.
Cross-device adaptation maintains consistency by outlining specific layout, interaction, content, and navigation strategies tailored for mobile and tablet contexts, prioritizing necessary changes based on the identified target devices.
A single adaptation strategy must define distinct context-aware implementations for digital and print channels, prioritizing layout, interaction, and content changes separately to ensure effective rendering across different platforms.
You need to specify performance targets and accessibility implementation requirements when defining an adaptation plan, ensuring the system can execute context-aware design implementations with clear constraints across all targeted devices.
jimiryquaiAdapt UI/UX designs across mobile, tablet, desktop, and print contexts.
WdanielBImplement responsive layouts with container queries, fluid typography, CSS Grid, and mobile-first breakpoints.
gzyxdsStandardizes UI/UX design quality across web and mobile projects with accessibility audits and responsive behavior.
lexicalninjaPlan responsive design breakpoints and mobile-first layout adaptations across devices.
