visual-design-foundations
建立一致的視覺系統,包含設計代幣、模組化排版系統、8點間距網格及無障礙色彩規範,以提升 UI 開發的一致性。
探索可重用的代理技能,查看實作細節,快速找到適合你工作流程的技能。
共找到 560 個技能
建立一致的視覺系統,包含設計代幣、模組化排版系統、8點間距網格及無障礙色彩規範,以提升 UI 開發的一致性。
前端狀態管理指南,涵蓋 Zustand/Pinia 全域儲存、TanStack Query 伺服器狀態以及 URL 狀態處理。
優化多組件解決方案的開發體驗:標準化入職流程、開發內迴圈、除錯及跨平台設置,以消除開發障礙與技術知識孤島。
影片與贊助內容的轉換心理學。運用情緒觸發、社會認同、稀缺性與說服原則,優化腳本並提升觀眾互動與轉換率。
專業的 DOCX 文件處理工具,支援精準的版面配置、編輯與創建。內建自動化視覺渲染檢查,確保輸出文件格式與排版專業。
自動化票務開發代理,從監控任務來源到自動化建立拉取請求 (PR),並透過 ERNE 標準進行驗證,實現完整的軟體開發生命週期管理。
使用 validate_skills.py 驗證 Skills、Agents 與 Commands 的語法,記錄錯誤並管理代理開發的自動化質量控制流程。
撰寫結構良好的使用者故事和需求文件,遵循 INVEST 準則。
基於 kanban-md 的自主且平行開發工作流程。透過原子宣告、工作樹與明確交接,協調多位代理人與人類的共同開發。
Chrome DevTools MCP 伺服器,透過 Puppeteer 實現 AI 驅動的瀏覽器自動化、測試與除錯。支援輸入自動化、視覺截圖、效能追蹤與網路偵測。
包含 React 19 與 TypeScript 的生產級開發模式,涵蓋 Hooks、狀態管理、TanStack Query、Zod 表單驗證及效能優化工作流程。
生成符合 Cloudscape Design System 的 React + TypeScript UI 程式碼,包含輔助功能、響應式佈局及完善的狀態處理。