frontend-responsive
Build mobile-first, responsive layouts with fluid grids, standard breakpoints, relative units, and touch-friendly design. Use this skill when creating or modifying layouts that need to work across different screen sizes. When working on responsive styles, breakpoint definitions, media queries, or mobile/tablet/desktop layouts. When using percentage-based widths, rem/em units, or viewport units. When ensuring touch targets are appropriately sized, typography is readable at all sizes, or content is prioritized for mobile screens.
Installation and usage
Build mobile-first, responsive layouts with fluid grids, standard breakpoints, relative units, and touch-friendly design. Use this skill when creating or modifying layouts that need to work across different screen sizes. When working on responsive styles, breakpoint definitions, media queries, or mobile/tablet/desktop layouts. When using percentage-based widths, rem/em units, or viewport units. When ensuring touch targets are appropriately sized, typography is readable at all sizes, or content is prioritized for mobile screens.
安裝後,您可以通過在終端運行以下命令來使用此技能:
skills use frontend-responsive