Automate planning and documentation of design adaptations across screen sizes, devices, and contexts.
npx skills add https://github.com/billh93/snchz --skill adapt-billh93
Please help me install this Agent Skill. Skill: adapt Source: https://github.com/billh93/snchz/tree/main/.agents/skills/adapt Command: npx skills add https://github.com/billh93/snchz --skill adapt-billh93
Adapt designs to work effectively across different contexts by outlining strategies for varying screen sizes, devices, and usage scenarios.
Provide a context-responsive adaptation plan for a target device and usage situation.
High-intent search queries and answers about installing and using this skill.
To plan responsive design adaptations across screen sizes, you can generate context-aware plans that outline layout, interaction, content, and navigation strategies. This yields concrete breakpoint recommendations and adaptation checklists for mobile, tablet, desktop, and print contexts.
Creating cross-device UX adaptation guidelines involves applying context-aware patterns for touch targets, two-column layouts, and persistent navigation. This approach provides reproducible workflows that result in comprehensive adaptation plans for varying usage scenarios.
Documenting responsive design breakpoints and context-aware patterns is achieved through an automated planning workflow that evaluates target devices. You receive structured documentation detailing specific layout adjustments and interaction strategies for each context.
Yes, the approach supports both mobile app redesign and print-ready desktop adjustments by evaluating each target device's unique constraints. It generates specific layout, navigation, and content strategies tailored for hybrid, multi-column, and print contexts.
To generate a context-responsive adaptation plan, you simply need to specify the target device and usage situation. The workflow then processes this input to produce concrete implementation guidance and a structured adaptation checklist.
bipinksGenerate ASCII wireframes, information architecture diagrams, and Mermaid user-flow diagrams from design briefs.
peopledearEnforce responsive frontend coding standards with media queries and fluid grids.
JaylaelikeBuild scalable Tailwind v4 design systems with tokens and responsive patterns.
wernerglinkaCreate container-aware CSS layouts using container queries and fluid typography.
