Responsive Web Design
作者 secondsky88378361314fMIT227 個星標收錄於 2026年10月8日更新於 2026年10月8日儲存庫10 天前更新
Builds adaptive web interfaces using Flexbox, CSS Grid, and media queries with a mobile-first approach. Use when creating multi-device layouts, implementing flexible UI systems, or ensuring cross-browser compatibility.
僅公開檔案列表。將技能安裝到工作區後即可檢視檔案內容。
| 路徑 | 大小 | 類型 |
|---|---|---|
| SKILL.md | 2 KB | text/markdown |
來源與署名
來源：secondsky/claude-skills位於plugins/responsive-web-design/skills/responsive-web-design提交8837836
授權條款： MIT
內容歸原作者所有。SourceWeft 從公開儲存庫中收錄這些內容。
更多來自 secondsky/claude-skills 的技能
Vulnerability Scanning
secondsky
指導使用 Trivy、Snyk、npm audit 與 Bandit 對相依套件、程式碼和容器進行自動化漏洞掃描。
Web Performance Optimization
secondsky
透過程式碼分割、延遲載入、快取、壓縮與 Core Web Vitals 監控來指導網頁效能最佳化。
Web Performance Audit
secondsky
依據 Core Web Vitals、Lighthouse、最佳化策略與效能預算指導網頁效能稽核。
Threejs
secondsky
用於以 Three.js 打造 3D 網頁體驗的參考知識庫，涵蓋十個核心領域並提供程式碼範例。
Tailwind V4 Shadcn
secondsky
設定 Tailwind CSS v4 與 shadcn/ui、Vite 和 React，涵蓋主題、深色模式與移轉指引。
Technical Specification
secondsky
指導撰寫軟體專案技術規格書，涵蓋需求、架構、API、測試與風險。
更多Design & Creative技能
Theme Factory
anthropics
提供 10 套預設配色與字型主題，並可即時產生新主題，為簡報、文件、報告與 HTML 頁面統一風格。
Slack Gif Creator
anthropics
為 Slack 製作尺寸與檔案大小經過最佳化的動畫 GIF，並提供 PIL 繪圖輔助、緩動函式與驗證工具。
Frontend Design
anthropics
在建立或改造使用者介面時，提供打造獨特、有意識視覺設計的指引。
Canvas Design
anthropics
依照寫好的設計理念創作原創視覺藝術，輸出 PNG 或 PDF，適合海報、藝術作品等靜態成品。
Brand Guidelines
anthropics
將 Anthropic 官方品牌配色與字體套用到需要呈現 Anthropic 外觀風格的各類成品上。
Frontend Design
anthropics
指導代理為新介面或改版介面進行獨特、有意的視覺設計。