ui-styling
使用 shadcn/ui 與 Tailwind CSS 建構可存取且一致的使用者介面。採用組件優先架構以建立設計系統、整合 React Hook Form,並實踐響應式行動優先開發。
探索可重用的代理技能,查看實作細節,快速找到適合你工作流程的技能。
共找到 92 個技能
使用 shadcn/ui 與 Tailwind CSS 建構可存取且一致的使用者介面。採用組件優先架構以建立設計系統、整合 React Hook Form,並實踐響應式行動優先開發。
前端狀態管理指南,涵蓋 Zustand/Pinia 全域儲存、TanStack Query 伺服器狀態以及 URL 狀態處理。
Next.js Server Actions 專家技能,涵蓋 App Router 中的表單處理、資料變更、重新驗證以及樂觀 UI 更新。
自動從 Rust 工具架構生成 TypeScript 型別定義,確保 MCP 專案中伺服器與客戶端之間的端到端型別安全。
RivetKit 官方 React 客戶端。提供 useActor 和 createRivetKit 等 Hook,協助開發連接 Rivet Actor 的即時 React 應用程式。
Next.js 專案自動化遷移工具,將其轉換為 vinext(基於 Vite 的 Next.js 實作),包含相容性掃描、依賴項替換與設定檔產生。
修復 Nango 整合遷移至零 YAML 架構後產生的 CJS/ESM 模組相容性問題,包含路徑修正、建立 ESM 包裝器及還原原始實作。
使用 TypeScript、shadcn/ui、TanStack Query 和 Supabase 建構響應式 React 儀表板。適用於製作 KPI 卡片、數據表格、Recharts 圖表及 event-studio 管理後台。
為 Django 生產環境伺服器與工作程序提供標準化配置與管理。
Next.js 全端開發標準流程,整合 GET API 路由、伺服器動作 (Server Actions)、SWR 資料獲取,以及使用 Zod 驗證的 React Hook Form 表單處理。
使用 React、Next.js 與 shadcn/ui 等現代設計系統,建構專業、易於使用且具響應式的介面。專注於開發者工具、聊天介面及即時串流組件。
使用 React 元件構建並發送響應式 HTML 電子郵件模板。提供視覺化編輯器、渲染引擎,並與各大電子郵件客戶端兼容。