フ
フロントエンドデザイン
Anthropic公式のClaudeフロントエンドデザインスキル。Claude Codeが高いデザイン品質で独自の本番グレードフロントエンドインターフェースを作成するようガイドし、タイポグラフィ、カラー、モーション、空間構成、UIデザインパターンをカバー
What is it?
フロントエンドデザインのベストプラクティスとパターンを提供するスキルで、レスポンシブデザイン、アクセシビリティ、UIコンポーネント設計を指導します。
How to use it?
Claude環境にインストールすると、フロントエンドデザイン関連の作業時に自動的にスキルのガイドラインを適用します。
Key Features
- フロントエンドデザインのベストプラクティス
- レスポンシブデザインパターン
- アクセシビリティガイドライン
- UIコンポーネント設計パターン
- Claude開発ワークフローとのシームレスな統合
Related Skills
More from DesignWeb Asset Generator
Generate favicons, app icons (PWA), and social media Open Graph images from logos or text
120alonw0
Design
Developer Tools
Architecture Diagram Creator
Creates comprehensive HTML architecture diagrams with SVG visualizations showing business context, data flows, processing pipelines, and system architecture
350mhattingpete
Developer Tools
Design
Flowchart Creator
Creates HTML flowcharts and process diagrams with SVG-based nodes, decision diamonds, connecting arrows, and optional swimlanes with color-coded types
350mhattingpete
Developer Tools
Design