frontend-design-expert:用 Agent 做前端頁面設計審查

frontend-design-expert(@user_7fecb76a/frontend-design-expert,v1.0.2)是 SkillHub 社區 design-media 類 Skill,面向頁面統一性審查、美觀性評估、視覺優化建議與設計規範制定,無需 API Key。文章依據官方簡介說明能力邊界,給出 skillhub CLI 與對話安裝方式、Cursor 等客戶端 skills 目錄,以及可復現的使用步驟,並附 SkillHub 與 API 官方地址。

閱讀全文
網頁設計指南:用 Agent 按 Web Interface Guidelines 審查 UI 代碼

SkillHub 技能「網頁設計指南」(@org-02qudk26/web-design-guidelines,v1.0.0)面向 UI 代碼審查、無障礙與 UX 審計。加載後通過 WebFetch 拉取 Vercel web-interface-guidelines 的 command.md,對用戶指定文件逐項對照並以 file:line 輸出。智雨科技 enterprise 發佈,無需 API Key。可用 skillhub install 安裝到 Cursor 等 skills 目錄。適合發版前規範檢查,不能替代真實設備與用戶測試。

閱讀全文
審計skill-v1.1·1:按 llm-web PC 端規範做後臺 UI 實現與審查

審計skill-v1.1·1(@user_acf40a6b/zifangsa,v1.0.1)是 SkillHub 社區 design-media 類 Skill,圍繞 llm-web 項目 PC 端 UI 規範,輔助用 Umi4、React 18、Ant Design 5 實現或審查高保真後臺頁面。支持對照截圖、Figma、PDF 做還原與合規走查,覆蓋表格、表單、篩選區及常見交互組件。無需 API Key,可通過官方安裝 prompt 或 skillhub CLI 安裝到 Cursor 等 Agent 的 skills 目錄。

閱讀全文
用 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 等工具中的安裝與觸發方式,並列出適用場景與聯網依賴等注意事項。

閱讀全文