使用適當的分層架構建立完整的 React 功能，包括 UI 元件、業務邏輯、API 整合和狀態管理。當使用者要求實作「使用者驗證」、「購物車」、「產品清單」、「檔案上傳」等功能或任何需要 UI + 業務邏輯 + 資料擷取的完整功能時，請使用此技能。產生所有層 - 表示（元件）、業務邏輯（掛鉤/儲存/驗證）和資料存取（API 呼叫/React 查詢）。與 UI 的 React-Component-Generator 集成，並提供遵循最佳實踐的可用於生產的、可維護的程式碼。
透過命令列快速安裝 feature-builder AI 技能到你的開發環境
來源：smallnest/langgraphgo。
This skill builds complete, production-ready React features with proper separation of concerns across presentation, business logic, and data access layers.
Transform feature requirements into complete, working implementations that include:
Reference references/business-logic-patterns.md for detailed patterns:
使用適當的分層架構建立完整的 React 功能，包括 UI 元件、業務邏輯、API 整合和狀態管理。當使用者要求實作「使用者驗證」、「購物車」、「產品清單」、「檔案上傳」等功能或任何需要 UI + 業務邏輯 + 資料擷取的完整功能時，請使用此技能。產生所有層 - 表示（元件）、業務邏輯（掛鉤/儲存/驗證）和資料存取（API 呼叫/React 查詢）。與 UI 的 React-Component-Generator 集成，並提供遵循最佳實踐的可用於生產的、可維護的程式碼。 來源：smallnest/langgraphgo。
為搜尋與 AI 引用準備的穩定欄位與指令。
npx skills add https://github.com/smallnest/langgraphgo --skill feature-builder使用適當的分層架構建立完整的 React 功能，包括 UI 元件、業務邏輯、API 整合和狀態管理。當使用者要求實作「使用者驗證」、「購物車」、「產品清單」、「檔案上傳」等功能或任何需要 UI + 業務邏輯 + 資料擷取的完整功能時，請使用此技能。產生所有層 - 表示（元件）、業務邏輯（掛鉤/儲存/驗證）和資料存取（API 呼叫/React 查詢）。與 UI 的 React-Component-Generator 集成，並提供遵循最佳實踐的可用於生產的、可維護的程式碼。 來源：smallnest/langgraphgo。
開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/smallnest/langgraphgo --skill feature-builder 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用
https://github.com/smallnest/langgraphgo