bencium-controlled-ux-designer
✓ユニークでアクセスしやすいインターフェイスのための専門家による UI/UX 設計ガイダンス。視覚的な決定、色、タイポグラフィ、レイアウトに使用します。デザインを決定する前に必ず質問してください。ユーザーが Web コンポーネント、ページ、またはアプリケーションの構築を要求する場合は、このスキルを使用します。
SKILL.md
Expert UI/UX design skill that helps create unique, accessible, and thoughtfully designed interfaces. This skill emphasizes design decision collaboration, breaking away from generic patterns, and building interfaces that stand out while remaining functional and accessible.
For understanding what's fixed (universal rules), project-specific (brand personality), and adaptable (context-dependent) in your design system, see DESIGN-SYSTEM-TEMPLATE.md (meta-framework, project templates, decision trees).
Typography is a primary design element that conveys personality and hierarchy.
ユニークでアクセスしやすいインターフェイスのための専門家による UI/UX 設計ガイダンス。視覚的な決定、色、タイポグラフィ、レイアウトに使用します。デザインを決定する前に必ず質問してください。ユーザーが Web コンポーネント、ページ、またはアプリケーションの構築を要求する場合は、このスキルを使用します。 ソース: bencium/bencium-claude-code-design-skill。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/bencium/bencium-claude-code-design-skill --skill bencium-controlled-ux-designer- カテゴリ
- *クリエイティブ
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
bencium-controlled-ux-designer とは？
ユニークでアクセスしやすいインターフェイスのための専門家による UI/UX 設計ガイダンス。視覚的な決定、色、タイポグラフィ、レイアウトに使用します。デザインを決定する前に必ず質問してください。ユーザーが Web コンポーネント、ページ、またはアプリケーションの構築を要求する場合は、このスキルを使用します。 ソース: bencium/bencium-claude-code-design-skill。
bencium-controlled-ux-designer のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/bencium/bencium-claude-code-design-skill --skill bencium-controlled-ux-designer インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/bencium/bencium-claude-code-design-skill