Responsive Design
作者 wshobson46891e7e60da无许可证40K 个星标收录于 2026年10月8日更新于 2026年10月8日仓库3天前更新
Implement modern responsive layouts using container queries, fluid typography, CSS Grid, and mobile-first breakpoint strategies. Use when building adaptive interfaces, implementing fluid layouts, or creating component-level responsive behavior.
仅公开文件列表。将技能安装到工作区后即可查看文件内容。
| 路径 | 大小 | 类型 |
|---|---|---|
| references/breakpoint-strategies.md | 10.4 KB | text/markdown |
| references/container-queries.md | 9.7 KB | text/markdown |
| references/details.md | 10.4 KB | text/markdown |
| references/fluid-layouts.md | 10.5 KB | text/markdown |
| SKILL.md | 1.9 KB | text/markdown |
来源与署名
来源：wshobson/agents位于plugins/ui-design/skills/responsive-design提交46891e7
许可证： 无许可证
内容归原作者所有。SourceWeft 从公开仓库中收录这些内容。
更多来自 wshobson/agents 的技能
Uv Package Manager
wshobson
关于使用 uv Python 包管理器管理依赖、虚拟环境和项目工作流的参考指南。
Web Component Design
wshobson
指导在 React、Vue 和 Svelte 中构建可复用 UI 组件，涵盖组合模式、CSS-in-JS 选择与组件 API 设计。
Python Type Safety
wshobson
指导 Python 类型注解、泛型、协议以及 mypy/pyright 严格类型检查。
Visual Design Foundations
wshobson
指导排版、色彩、间距与图标设计，帮助建立统一且无障碍的视觉设计体系。
Python Resource Management
wshobson
指导 Python 开发者使用上下文管理器、清理模式和流式处理来确定性管理资源。
React Native Design
wshobson
指导 React Native 样式、React Navigation 导航与 Reanimated 3 动画，用于跨平台移动应用开发。
更多Software Development技能
Playground
anthropics
构建自包含的交互式 HTML 演练场，包含控件、实时预览和可复制的提示词输出。
M5 Onboard
anthropics
通过 USB 检测 M5Stack ESP32 开发板，刷写 UIFlow 2.0 固件并安装 MicroPython 应用包。
Cardputer Buddy
anthropics
指导迭代 Cardputer-Adv 的 MicroPython 应用包：添加应用、通过 USB 串口推送文件、查看日志并运行 REPL 命令。
Web Design Guidelines
vercel-labs
依据从远程来源获取的 Web Interface Guidelines 审查 UI 代码，并以 file:line 形式报告问题。
Vercel React Native Skills
vercel-labs
React Native 与 Expo 最佳实践规则，涵盖列表性能、动画、导航、UI 模式、状态与 monorepo 配置。
Vercel React Best Practices
vercel-labs
Vercel 的 React 与 Next.js 性能指南，以 70 条规则的形式用于编写、审查和重构代码。