frontend-design
Frontend design skill for UI/UX implementation
汎用的な AI 生成デザインとは一線を画す、独自性のある本番品質のフロントエンドインターフェースを生成します。このプラグインにより、Claude は大胆な美的選択、個性的なタイポグラフィとカラーパレット、インパクトのあるアニメーション、コンテキストを意識したビジュアルディテールを備えた洗練されたコードを作成できます。
プラグインはコーディングの前に設計フレームワークを構築し、目的・ターゲットオーディエンス・具体的な美的方向性（ブルータリスト、マキシマリスト、レトロフューチャリスト、ラグジュアリー、プレイフルなど）を特定します。汎用的なシステムフォント、ありきたりなパープルグラデーション、没個性なコンポーネントといった一般的なパターンを意図的に回避します。
主要な設計領域には、予想外のフォントペアリングによる思慮深いタイポグラフィ、スクロールトリガーのインタラクションを含む統制されたモーション、非対称性とグリッドを破る要素による空間構成、グラデーション・テクスチャ・レイヤードエフェクトによる視覚的な奥行きが含まれます。
使用方法：Claude にフロントエンドインターフェースの構築を依頼するだけで、このスキルが自動的に有効になります。「音楽ストリーミングアプリのダッシュボードを作成して」「AI セキュリティスタートアップのランディングページを作って」「ダークモード対応の設定パネルをデザインして」などのプロンプトをお試しください。