Communitygithub.com

diegofisi/WordRush

React 前端規範:垂直切片、容器/展示元件、適配器模式支援多種傳輸層(HTTP、React Query、WebSocket);UI 套件與資料層宣告於 references/project.md。適用於建立或修改元件、頁面、視圖、Hook、Store、表單、路由、功能切片、DTO、ViewModel、i18n 字串、主題符記或任何 React/TSX 工作。

WordRush 是什麼?

此技能定義了一個嚴謹的 React 前端開發規範,核心架構包含垂直切片(Vertical Slices)、容器/展示元件(Container/Presentational)分離,以及透過適配器(Adapters)抽象化多種傳輸層(如 HTTP、React Query、WebSocket 儲存)。它為專案中的 UI 套件和資料層建立了統一的參考標準,並在 references/project.md 文件中明確宣告。當開發者要求建立或修改任何 React/TSX 相關的程式碼(包括元件、頁面、Hook、Store、表單、路由、DTO、ViewModel、i18n 字串、主題符記等)時,此技能將自動啟用。它同時涵蓋了 Tailwind、MUI、shadcn、Zustand、React Query、react-hook-form、zod、react-router 以及 socket 程式碼等多種主流工具與函式庫。支援的平台包括 Claude Code、Cursor 和 Codex 等 AI 代理工具。

相容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/diegofisi/WordRush/tree/master/docs/research/skills/propuesta/skills/frontend

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

WordRush 是做什麼的?

React 前端規範:垂直切片、容器/展示元件、適配器模式支援多種傳輸層(HTTP、React Query、WebSocket 儲存);UI 套件與資料層宣告於 references/project.md。當要求建立或修改元件、頁面、視圖、Hook、Store、表單、路由、功能切片、DTO、ViewModel、i18n 字串、主題符記或任何 React/TSX 工作時使用——包括 Tailwind、MUI、shadcn、Zustand、React Query、react-hook-form、zod、react-router 或 socket 程式碼。

相關技能