nano-image-generator
使用 Nano Banana Pro (Gemini 3 Pro) AI 模型生成應用程式圖示、Logo、行銷橫幅及各類插圖等專業視覺素材。
探索可重用的代理技能,查看實作細節,快速找到適合你工作流程的技能。
共找到 212 個技能
使用 Nano Banana Pro (Gemini 3 Pro) AI 模型生成應用程式圖示、Logo、行銷橫幅及各類插圖等專業視覺素材。
利用 Bedrock 工具調用功能強制 Claude 模型輸出結構化 JSON,消除解析錯誤並確保架構合規性。
基於 Lightning CSS 或 PostCSS 的 CSS Modules 元件封裝策略,包含 TypeScript 整合與 Vite 設定。
提供編寫 Playwright 測試的最佳實踐指南,包含定位器策略、斷言規範及 CI/代理集成建議。
用於 Svelte 5 文件查詢與代碼分析的 CLI 工具。透過即時文件檢索與自動修復功能,優化 Svelte 組件的開發、除錯與檢查流程。
LobeHub React 組件開發指南,包含 antd-style 樣式、@lobehub/ui 佈局與路由管理。
利用 Figma MCP 伺服器獲取設計數據、提取資源,並將 Figma 節點轉換為符合設計系統規範的 React 與 Tailwind 程式碼。
使用官方 Upstash QStash JavaScript/TypeScript SDK 來管理無伺服器訊息傳遞、任務排程與 Webhook 驗證。
實作 Next.js Parallel Routes 模態視窗以消除版面位移 (layout shifts)。適用於對話框、模態視窗與攔截路由 (intercepted routes)。
診斷並解決常見的 Flutter 運行時與佈局錯誤,包括 RenderFlex 溢出、無界約束以及狀態管理問題。
使用 Playwright 和 serve-web 自動擷取高品質 VS Code 螢幕截圖,適用於文件、簡報與技術視覺內容。
使用 Design Graph 方法論構建連貫且基於約束的設計系統。自動化設計令牌、排版比例、元件、變體及主題的創建過程。