Communitygithub.com

WTW0313/ui-smith

一個用於從 Base UI 原始元件搭建應用程式自有、可存取的 React 元件套件的代理工具技能。

ui-smith 是什麼?

這項技能讓 AI 代理(如 Claude Code 或 Cursor)能自動化建構 React 元件套件的流程,這些套件完全屬於應用程式、易於存取,且以 Base UI 為基礎。開發者只需描述所需元件,技能便能產生完整的檔案結構、prop 介面、樣式,以及符合 WAI-ARIA 標準的無障礙支援。它強烈遵循「組成而非繼承」原則,鼓勵建立可複用的自訂元件庫,而非使用重複的 JSX。支援 TypeScript 和現代 React (18+),並確保每個元件都能無縫與其他 React 專案整合。這對於想要建立標準化 UI 系統、提升開發效率並確保無障礙性的團隊而言,是極具生產力的工具。

相容平台~Claude Code~Codex CLI~Cursor
npx skills add WTW0313/ui-smith

在你喜歡的 AI 中提問

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

說明文件

ui-smith 是做什麼的?

一個用於從 Base UI 原始元件搭建應用程式自有、可存取的 React 元件套件的代理工具技能。

相關技能