前端响应式设计指南：移动优先、媒体查询、跨设备布局优化
The Agent Skills Directory
安装命令
npx skills add https://smithery.ai/skills/adigunners/frontend-responsive🇨🇳中文介绍
何时使用此技能
- 当实现适应移动端、平板和桌面端的响应式布局时
- 当在 css/styles.css 中为不同屏幕尺寸编写媒体查询时
- 当确保为移动用户提供触控友好的交互时
- 当为不同视口尺寸优化图像和资源时
- 当跨设备断点测试和调试布局问题时
- 当实现移动优先设计模式时
- 当在 HTML 文件中配置视口元标签时
前端响应式
此技能为 Claude Code 提供了关于如何遵循与前端响应式处理相关的编码标准的具体指导。
说明
详细信息，请参考此文件中提供的信息：前端响应式
每周安装次数
–
来源
首次出现
–
🇺🇸English
When to use this skill
- When implementing responsive layouts that adapt to mobile, tablet, and desktop
- When writing media queries in css/styles.css for different screen sizes
- When ensuring touch-friendly interactions for mobile users
- When optimizing images and assets for different viewport sizes
- When testing and debugging layout issues across device breakpoints
- When implementing mobile-first design patterns
- When configuring viewport meta tags in HTML files
Frontend Responsive
This Skill provides Claude Code with specific guidance on how to adhere to coding standards as they relate to how it should handle frontend responsive.
Instructions
For details, refer to the information provided in this file: frontend responsive
Weekly Installs
–
Source
First Seen
–
广告位招租
在这里展示您的产品或服务
触达数万 AI 开发者，精准高效
