bencium-ux-designer

bencium-ux-designer

カタログの概要 — スキルの全文：bencium/bencium-marketplace

判断フロー

独自性のある高品質なデザインが求められるフロントエンドインターフェースの作業を始める前に、次の手順を実行してください。

1. スキルの全文はすでにインストールされていますか？ 確認：~/.design-agent-skills/skills/bencium-ux-designer/SKILL.md が存在し、das: ブロックを含まないこと。

   • はい → bencium-ux-designer を呼び出して作業を進めます
   • いいえ → ステップ 2 に進みます

2. シェルにアクセスできますか？

   • はい → 以下のインストールコマンドを実行してから、スキルを呼び出します
   • いいえ → インストールコマンドを表示します。Claude Code では、! で始まるチャットメッセージとして送信します。グローバルにインストールする場合は -g を追加し、プロジェクトのみにインストールする場合は省略します

インストールコマンド

npx skills add bencium/bencium-marketplace --skill bencium-innovative-ux-designer

または、エージェントごとに指定します。

• Claude Code：claude skills add bencium/bencium-marketplace
• Cursor/OpenCode：npx skills add bencium/bencium-marketplace --skill bencium-innovative-ux-designer

インストール後の呼び出し

• スキル名：bencium-ux-designer
• トリガーフレーズ：「革新的な UX」、「bencium」、「独自性のある UI」、「本番環境向けフロントエンド」

機能

AI 生成 UI にありがちなありきたりなパターンを避け、独自性のある本番環境対応のフロントエンドインターフェースの作成を支援します。レイアウト、タイポグラフィ、間隔、インタラクションに関する原則に基づいたデザイン上の判断を適用し、実際の製品ですぐに使える独創的なインターフェースを実現します。