界面設計助手：從業務目標到可驗收的界面規格
界面設計助手（@user_b4da0893/ui-design-guide-cn，v1.0.0，community）是一個基於通用 SKILL.md 格式的 Skill，面向網頁、移動端和後臺系統的界面設計與評審。它幫助使用者把模糊的界面訴求收斂爲可落地的規格：明確用戶任務，梳理信息層級與頁面結構，定義組件的各類狀態，補充交互反饋與文案，給出響應式斷點，並納入可訪問性要求，最終輸出設計決策、實現約束和驗收清單。安裝通過 SkillHub 目錄獲取座標，標籤 requires_api_key=false，啓用時無需額外 API Key。官方資料未提供逐客戶端的專屬安裝命令，文中如實說明。適合需要把設計結論落成可覈對文檔的團隊，但不能替代真實視覺設計或自動生成代碼。
閱讀全文web-quality-audit：用 Lighthouse 做網站質量一站式審計
web-quality-audit 是 Addy Osmani 的 web-quality-skills 中的 Agent Skill，以 Lighthouse 13+ 與瀏覽器實測證據爲核心，覆蓋性能（含 Core Web Vitals）、可訪問性、SEO、最佳實踐與 Agentic Browsing。一次串聯 150+ 檢查項，按影響與置信度歸類並給出修復建議，支持 Lighthouse CLI、PageSpeed Insights 與 Chrome DevTools MCP 等工具路由。通過 npx skills add 安裝後，可用自然語言觸發全站或單頁審計。
閱讀全文dsh-ui-model-selection-collapsible：爲 DSH 模型選擇器添加可訪問的供應商摺疊分組
`ZoeHao2026/dsh-ui-model-selection-collapsible` 是一款專爲 DeepSeek Harness (DSH) Web 平臺設計的社區插件，旨在爲模型選擇器提供按供應商獨立摺疊的分組界面。該插件在保留官方數據、配置及調用邏輯的前提下，支持每個供應商獨立展開或摺疊，並顯示模型數量。用戶可在 DSH 設置中靈活選擇初始展開策略（如當前供應商、全部展開/摺疊等），調整列表密度及動畫效果（支持跟隨系統或關閉）。插件具備完整的鍵盤導航支持、無障礙特性（ARIA 標籤）及 160ms 對稱動畫，並適配 `prefers-reduced-motion`。它複用官方服
閱讀全文用 web-design-guidelines 給 AI 寫出的 UI 做一次規範審計
介紹 Vercel Labs 的 Agent Skill「web-design-guidelines」：按 Web Interface Guidelines 審查 UI 的可訪問性、UX 與性能合規性。說明其歸屬與版本、每次審查前拉取遠程規範的機制、100+ 規則覆蓋範圍、file:line 輸出格式，以及用 npx skills add 在 Cursor / Claude Code / Codex 等工具中的安裝與觸發方式，並列出適用場景與聯網依賴等注意事項。
閱讀全文