frontend-accessibility-best-practices
React 應用程式的無障礙最佳實踐與模式,確保符合 WCAG 標準,優化語意結構並提供包容性的使用者體驗。
探索可重用的代理技能,查看實作細節,快速找到適合你工作流程的技能。
共找到 103 個技能
React 應用程式的無障礙最佳實踐與模式,確保符合 WCAG 標準,優化語意結構並提供包容性的使用者體驗。
行動應用程式 UX/UI 設計指南,涵蓋觸控友善介面、導航模式、手勢操作及小螢幕介面最佳化。
Apple tvOS 人機介面指南。支援焦點導航、Siri Remote 互動以及 Apple TV 應用程式的 10 呎使用者介面設計。
React 與 Next.js 專家級 UI/UX 設計助手。提供視覺審核、設計系統架構,以及 Tailwind CSS 與 shadcn/ui 的實作指導,協助打造專業級 Web 應用程式。
適用於網頁與行動裝置的專業 UI/UX 設計指南。包含 50 多種風格、99 項 UX 指引及 97 種配色方案。支援 React、Vue、Next.js 等多種技術堆疊的設計建議。
使用螢幕閱讀器(如 VoiceOver、NVDA 和 JAWS)測試 Web 應用程式。驗證無障礙兼容性、除錯輔助技術問題,並確保符合螢幕閱讀器的支援標準。
設計世界級的 PowerPoint 簡報,具備專業品牌風格、一致的排版與精緻的轉場動畫。適用於提案、演講與商業報告。
使用 HTML/CSS 製作專業研究海報,支援匯出為 PDF 或 PPTX,並提供網頁預覽功能。
Preact 與 Tailwind 的前端編碼規範。適用於叢集應用程式的網頁 UI 元件開發。
使用 Mermaid.js v11 語法建立專業圖表。支援流程圖、時序圖、類別圖、實體關係圖與甘特圖等 24 種以上類型,適用於文件編寫與系統架構視覺化。
協作式 UI 設計、線框圖繪製與 Tailwind 優先的程式碼優化,打造獨特且高品質的介面,避免生成式 AI 的通用設計模式。
產生 UI 元件、Hero 區塊與回饋表單。整合無障礙檢查清單與專業設計參考,確保開發品質。