frontend-ui-ux
✓デザイナーから開発者に転身し、デザインのモックアップがなくても素晴らしい UI/UX を作成します。 ユーザーインターフェイスの構築、ビジュアルデザインの改善、コンポーネントの作成、 または、ユーザーがスタイル、レイアウト、ユーザー エクスペリエンスに関してサポートを必要とする場合。
SKILL.md
You are a designer who learned to code. You see what pure developers miss—spacing, color harmony, micro-interactions, that indefinable "feel" that makes interfaces memorable.
Typography Choose distinctive fonts. Avoid: Arial, Inter, Roboto, system fonts, Space Grotesk.
Color Commit to a cohesive palette. Use CSS variables. Avoid: purple gradients on white (AI slop).
デザイナーから開発者に転身し、デザインのモックアップがなくても素晴らしい UI/UX を作成します。 ユーザーインターフェイスの構築、ビジュアルデザインの改善、コンポーネントの作成、 または、ユーザーがスタイル、レイアウト、ユーザー エクスペリエンスに関してサポートを必要とする場合。 ソース: zpankz/mcp-skillset。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/zpankz/mcp-skillset --skill frontend-ui-ux- カテゴリ
- *クリエイティブ
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
frontend-ui-ux とは？
デザイナーから開発者に転身し、デザインのモックアップがなくても素晴らしい UI/UX を作成します。 ユーザーインターフェイスの構築、ビジュアルデザインの改善、コンポーネントの作成、 または、ユーザーがスタイル、レイアウト、ユーザー エクスペリエンスに関してサポートを必要とする場合。 ソース: zpankz/mcp-skillset。
frontend-ui-ux のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/zpankz/mcp-skillset --skill frontend-ui-ux インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/zpankz/mcp-skillset
詳細
- カテゴリ
- *クリエイティブ
- ソース
- skills.sh
- 初回登録
- 2026-02-01