ui-smith 是做什麼的?
一個用於從 Base UI 原始元件搭建應用程式自有、可存取的 React 元件套件的代理工具技能。
一個用於從 Base UI 原始元件搭建應用程式自有、可存取的 React 元件套件的代理工具技能。
這項技能讓 AI 代理(如 Claude Code 或 Cursor)能自動化建構 React 元件套件的流程,這些套件完全屬於應用程式、易於存取,且以 Base UI 為基礎。開發者只需描述所需元件,技能便能產生完整的檔案結構、prop 介面、樣式,以及符合 WAI-ARIA 標準的無障礙支援。它強烈遵循「組成而非繼承」原則,鼓勵建立可複用的自訂元件庫,而非使用重複的 JSX。支援 TypeScript 和現代 React (18+),並確保每個元件都能無縫與其他 React 專案整合。這對於想要建立標準化 UI 系統、提升開發效率並確保無障礙性的團隊而言,是極具生產力的工具。
npx skills add WTW0313/ui-smith一個用於從 Base UI 原始元件搭建應用程式自有、可存取的 React 元件套件的代理工具技能。
ElevenLabs text-to-speech with mac-style say UX.
Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.
Capture and automate macOS UI with the Peekaboo CLI.
Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".
Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.
Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".