Communitygithub.com

WTW0313/ui-smith

Base UIプリミティブからアプリ所有のアクセシブルなReactコンポーネントキットを生成するエージェントスキルです。

ui-smith とは?

このスキルは、開発者がBase UIプリミティブを基盤に、アプリケーションが完全に所有・管理できるアクセシブルなReactコンポーネントキットを迅速にスキャフォールディング(雛形生成)するためのエージェントスキルです。アクセシビリティ(a11y)を考慮したコンポーネントを自動生成することで、車椅子マークなどのアクセシビリティ要件に対応しつつ、開発効率を大幅に向上させます。主にClaude Codeエージェント上で動作し、開発者がBase UIのプリミティブからカスタムコンポーネントを生成する際の手作業を排除します。エージェントがSKILL.mdの指示に従って、コンポーネントの構造、スタイリング、アクセシビリティ属性を自動的に適用するため、一貫性と再利用性の高いコードベースを実現します。ReactやTypeScriptを使用したフロントエンドプロジェクトに特に有用で、UIコンポーネントの開発標準化と保守性向上に貢献します。

対応~Claude Code~Codex CLI~Cursor
npx skills add WTW0313/ui-smith

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

ui-smith は何をしますか?

Base UIプリミティブからアプリ所有のアクセシブルなReactコンポーネントキットをスキャフォールディングするエージェントスキルです。

関連スキル