ui

此技能專注於快速生成與優化 UI 元件、回饋表單及 Hero 區塊。它作為專門的前端開發代理，嚴格遵守設計系統規範與無障礙設計標準。透過自動化處理 UI 開發的重複性工作，使用者可更專注於版面規劃與互動體驗，同時確保生成的每個元素皆符合可用性與效能的最佳實踐。此技能結構嚴謹，利用特定的前端設計與元件生成參考文件，以確保程式碼庫的一致性。

• 生成各類無障礙 UI 元件，包含按鈕、表單、Hero 區塊及自訂互動元件。

• 強制執行嚴格的無障礙標準 (a11y)，包括鍵盤導航、正確的標籤關聯與邏輯標題結構。

• 當使用者明確要求時，整合針對「尖銳」或「品牌導向」美感的設計指南。

• 僅在使用者明確指示下，支援進階視覺增強效果，如動畫、自訂緩動曲線與發光效果。

• 提供品質檢驗門戶流程，確保在最終產出前符合無障礙清單與設計需求。

• 在編寫程式碼前，請務必諮詢相關的 ui-skills.md 與 frontend-design.md 文件，以確保符合既有的設計系統。

• 確保所有互動元件皆可透過鍵盤操作，並為狀態變更提供視覺回饋。

• 嚴格遵守負向約束：絕不將此技能用於驗證功能、後端資料庫操作、API 商業邏輯或基礎設施管理。

• 為所有影像提供描述性的替代文字 (alt-text)，並確保對比度符合標準可用性門檻 (文字對比至少 4.5:1)。

• 適合需要快速原型製作前端版面、聯絡表單或品牌行銷元件，同時維持程式碼簡潔與可維護性的使用者。