Agent Skills Hub

angular-forms

使用實驗性的 Angular v21+ Signal Forms API 構建反應式且型別安全的表單。支援自動雙向綁定、基於結構的驗證以及細粒度的欄位狀態管理。

static-site-generation

用於管理靜態網站生成器 (SSG) 專案的框架，涵蓋 Astro、建置優化、GitHub Pages 部署模式以及型別安全的內容集合架構。

jupyter-notebook-testing

使用 Jupyter Notebook 在瀏覽器中互動式測試 Adobe EDS 區塊。支援 ES6 匯入、疊加層預覽、響應式裝置測試，以及零依賴執行環境。

css-modules

基於 Lightning CSS 或 PostCSS 的 CSS Modules 元件封裝策略，包含 TypeScript 整合與 Vite 設定。

cloudflare-browser

透過 Cloudflare 瀏覽器渲染服務進行無頭 Chrome 自動化控制。支援截圖、網頁導航、資料抓取及影片錄製，專為 Cloudflare Workers 環境打造。

migrate-oai-app

將現有的 OpenAI Apps SDK 應用程序遷移到 MCP Apps SDK，提供分步指導、API 映射表以及內容安全策略 (CSP) 調查工作流程。

lsp

atopile 語言伺服器 (LSP) 的實作與維護指南，為電子電路設計提供自動完成、代碼導航與錯誤診斷等 IDE 功能。

chatkit-frontend

使用 OpenAI ChatKit React 組件實現生產就緒的 AI 聊天介面。功能包含 hook 配置、流式傳輸、主題自定義、對話歷史與 Next.js 應用程式的自定義工具整合。

Building Frontend Dashboards

使用 TypeScript、shadcn/ui、TanStack Query 和 Supabase 建構響應式 React 儀表板。適用於製作 KPI 卡片、數據表格、Recharts 圖表及 event-studio 管理後台。

frontend-ui-animator

為 Next.js、Tailwind CSS 和 React 應用程式分析並實作實用且具目的性的 UI 動畫，重點在於使用者體驗、效能與無障礙設計。

ui-styling

使用 shadcn/ui 與 Tailwind CSS 建構可存取且一致的使用者介面。採用組件優先架構以建立設計系統、整合 React Hook Form，並實踐響應式行動優先開發。

crowi-migration

從舊版 Crowi (Express/Swig) 遷移至現代架構 (Next.js 16/Fastify/ts-rest) 的自動化遷移工作流程。