Communitygithub.com

WTW0313/ui-smith

Ein Agenten-Skill zum Erstellen app-eigener, barrierefreier React-Komponenten-Kits aus Base-UI-Primitiven.

Was ist ui-smith?

Der Skill `WTW0313/ui-smith` befähigt KI-Agenten wie Claude Code, Cursor oder Codex, auf Basis von Base-UI-Primitiven maßgeschneiderte, barrierefreie React-Komponenten-Kits für eine Anwendung zu generieren. Er ist besonders nützlich, um schnell konsistente und zugängliche UI-Bausteine wie Buttons, Formulare oder Dialoge zu erstellen, die vollständig im eigenen Code-Repository liegen („app-owned“) und keine externen Laufzeitabhängigkeiten benötigen. Der Skill analysiert die vorhandene Codebasis (z. B. package.json, TypeScript-Konfiguration) und erzeugt dann Komponenten, die WCAG-Richtlinien einhalten und mit den etablierten Projektstandards harmonieren. Er unterstützt gängige Agent-Plattformen und erleichtert die Arbeit von Entwicklerteams, indem er wiederkehrende Muster automatisiert und Best Practices für Barrierefreiheit direkt in die Komponenten integriert.

Funktioniert mit~Claude Code~Codex CLI~Cursor
npx skills add WTW0313/ui-smith
Original anzeigen→Alle Skills durchsuchen

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

Dokumentation

Was macht ui-smith?

Ein Agenten-Skill zum Erstellen app-eigener, barrierefreier React-Komponenten-Kits aus Base-UI-Primitiven.

Verwandte Skills

steipete/sag

ElevenLabs text-to-speech with mac-style say UX.

community

steipete/oracle

Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.

community

steipete/peekaboo

Capture and automate macOS UI with the Peekaboo CLI.

community

mattpocock/design-an-interface

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".

community

mattpocock/prototype

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.

community

mattpocock/grill-me

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".

community