frontend-design
✓一般的な AI の美しさを避け、独特で大胆な UI デザインを作成します。このスキルは、ユーザーが強力なビジュアル アイデンティティ、クリエイティブなタイポグラフィ、意図的なカラー パレット、プロダクション グレードのアニメーションを備えたフロントエンド コンポーネントを必要とする場合に使用する必要があります。特に、ほとんどの生成されたインターフェイスを悩ませる当たり障りのない、安全で均質な「AI スロップ」を回避するために使用します。
SKILL.md
Create distinctive, production-grade UI that stands out from generic AI-generated interfaces.
Official Plugin Available: Install frontend-design@claude-code-plugins from the Anthropic marketplace for auto-invocation on frontend tasks. This skill provides extended guidance beyond the official version.
```bash /plugin marketplace add anthropics/claude-code /plugin install frontend-design@claude-code-plugins ``` Learn more: Frontend Aesthetics Cookbook
一般的な AI の美しさを避け、独特で大胆な UI デザインを作成します。このスキルは、ユーザーが強力なビジュアル アイデンティティ、クリエイティブなタイポグラフィ、意図的なカラー パレット、プロダクション グレードのアニメーションを備えたフロントエンド コンポーネントを必要とする場合に使用する必要があります。特に、ほとんどの生成されたインターフェイスを悩ませる当たり障りのない、安全で均質な「AI スロップ」を回避するために使用します。 ソース: b-open-io/prompts。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/b-open-io/prompts --skill frontend-design- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
frontend-design とは？
一般的な AI の美しさを避け、独特で大胆な UI デザインを作成します。このスキルは、ユーザーが強力なビジュアル アイデンティティ、クリエイティブなタイポグラフィ、意図的なカラー パレット、プロダクション グレードのアニメーションを備えたフロントエンド コンポーネントを必要とする場合に使用する必要があります。特に、ほとんどの生成されたインターフェイスを悩ませる当たり障りのない、安全で均質な「AI スロップ」を回避するために使用します。 ソース: b-open-io/prompts。
frontend-design のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/b-open-io/prompts --skill frontend-design インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/b-open-io/prompts
詳細
- カテゴリ
- </>開発ツール
- ソース
- skills.sh
- 初回登録
- 2026-02-01