Responsive Design
作者 wshobson46891e7e60da無授權條款收錄於 2026年10月8日更新於 2026年10月8日
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 指令。
Testing Strategy
anthropics
設計測試策略與測試計畫，涵蓋測試類型、覆蓋率目標與範例測試案例。
Tech Debt
anthropics
辨識、分類並排序技術債，產出評分後的待辦清單與分階段改善計畫。
System Design
anthropics
透過需求、高階設計、深入設計、擴充與取捨分析來指導系統與架構設計。