Evaluate responsive design adaptations across screen sizes and input modalities.
npx skills add https://github.com/metedata/design-crit --skill crit-responsive
Please help me install this Agent Skill. Skill: crit-responsive Source: https://github.com/metedata/design-crit/tree/main/skills/crit-responsive Command: npx skills add https://github.com/metedata/design-crit --skill crit-responsive
Evaluates and guides critique of how a product's design adapts across screen sizes and input modalities.
Apply crit-responsive to a design project to generate and compare multiple responsive options across breakpoints and capture a locked direction.
High-intent search queries and answers about installing and using this skill.
To critique responsive design, evaluate how layouts reflow across mobile, tablet, and desktop breakpoints. Define breakpoint sets, document touch targets, and assess navigation adaptation to guide the review process effectively.
Breakpoint strategy assessment defines how UX wireframes and layouts reflow across screen sizes. It evaluates content rearrangement, visibility changes, and navigation adaptations for responsive web and mobile apps.
Plan layout reflow by outlining content rearrangement and visibility changes across breakpoints. Document navigation adaptations and touch targets to ensure the interface scales properly across mobile, tablet, and desktop views.
Yes, you can generate multiple responsive design options and evaluate them using a defined rubric. This critique process compares breakpoint strategies and reflow approaches to produce a single locked direction.
Yes, responsive critique requires referencing the project brief and state.json. These files provide context for defining breakpoint sets, documenting reflow, and producing a locked design direction.
Evaluate input modality and touch targets by documenting how the design system adapts to different interaction methods. Assess reflow patterns and navigation changes to ensure usability across all breakpoints.
stevengonsalvezGather design context from a repository and persist it to AI configuration.
Owl-ListenerGuide designers in crafting cross-breakpoint layouts with breakpoint strategy and container queries.
rshankrasGenerate UI/UX specifications and design system documentation from product requirements and architecture documents.
serverpodManage responsive Flutter layouts using shadcn_ui breakpoints and ShadResponsiveBuilder.
