Communitygithub.com

educlopez/ui-craft

AIエージェント向けデザインエンジニアリングスキル — クラフトレベルの品質でインターフェースを構築

ui-craft とは?

このスキルは、AIエージェントがデザインエンジニアリングの原則に基づき、プロフェッショナルでクラフトレベルの品質を持つユーザーインターフェースを構築できるようにします。UIコンポーネントの設計、スタイリング、レイアウト、アニメーション、アクセシビリティ、レスポンシブデザインなどの領域をカバーし、エージェントが一貫性と美しさを備えたインターフェースを作成するためのガイドラインとユーティリティを提供します。主にClaude CodeやCursorなどのAIエージェントプラットフォーム向けに設計されており、コード生成や修正のタスクで活用できます。このスキルは、フロントエンドフレームワーク(React, Vueなど)やCSS手法と連携し、エージェントがコンポーネントの粒度、カラーパレット、タイポグラフィ、スペーシング、インタラクションデザインに関して最適な判断を下すのを支援します。

対応~Claude Code~Codex CLI~Cursor
npx skills add educlopez/ui-craft

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

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

ドキュメント

ui-craft は何をしますか?

AIエージェント向けデザインエンジニアリングスキル — クラフトレベルの品質でインターフェースを構築

関連スキル