タスク用スキル
Anthropic Skills · Frontend Design
意図的なレイアウト、タイポグラフィー、インタラクションを選択してインターフェイスを計画、構築、批評します。
紹介
公開ドキュメントに基づき LessAI Tools が編集
frontend-design スキルは、新しいインターフェイスまたは既存のページに対する視覚的な決定を通じてアシスタントをガイドします。製品と対象者から始まり、設計計画を策定し、構築中にその計画を適用し、批評します。
インターフェースが汎用的に見える場合、または視覚的な優先順位が不明瞭な場合に使用します。これには、実装ガイダンスと、モバイル レイアウト、キーボード フォーカス、アクセシブルなプレゼンテーションのチェックが含まれます。製品要件や機能テストに代わるものではありません。
使い始める
準備するもの
- スキルをロードし、フロントエンド プロジェクトを読み取りまたは編集できるアシスタントを使用します。そのクライアントの公式指示に従ってください。
- 実際の概要、内容、プロジェクトの制約を提供します。結果として得られるインターフェイスをブラウザでプレビューし、その動作を確認します。
制限と費用
- これは設計と実装のガイダンスであり、正しいビジネス ロジックや自動アクセシビリティ コンプライアンスを保証するものではありません。
- リポジトリには、独自のライセンス条項を持つ他のスキルが含まれています。使用する前に、選択したスキルと参照されているアセットを確認してください。
- GitHub の星は、frontend-design 単独ではなく、anthropics/skills 全体を表します。このサイトはドキュメントをレビューしたものであり、バンドルされているすべてのスキルのインストール テストを行ったものではありません。
公開ドキュメントに基づく案内です。全項目を個別にインストールして検証したものではありません。
できること
- frontend-design — 視覚的な方向を実際の製品、視聴者、ページのコンテンツに結び付けます。
- 一貫したパレット、タイポグラフィー、レイアウトを選択し、インターフェースを構築する際にその計画を適用します。
- モバイルの動作、キーボードのフォーカス、読みやすさ、不必要な装飾について結果を批判します。
公式プロジェクトとドキュメント
プロジェクトの説明（翻訳）
エージェント スキルのパブリック リポジトリ
用途が近いプラグイン
主な用途を優先し、共通する作業とスター数を参考に選んでいます。接続方法は異なる場合があります。
- Taste Skill — 公開 Web サイトに意図的な視覚的な方向性を与え、ブラウザで結果を確認します。
- Text to CAD — 形や寸法を説明し、編集可能な 3D 部品を作ります。
- Stitch Skills — 文章や画像から画面設計と実装部品へ AI を案内します。