frontend-design
高い設計品質を備えた、本番環境対応の独自なフロントエンドインターフェースを作成できます。このスキルは、ウェブコンポーネント、ページ、成果物、ポスター、またはアプリケーション(ウェブサイト、ランディングページ、ダッシュボード、Reactコンポーネント、HTML/CSSレイアウト、またはウェブUIのスタイリング・美化など)の構築をユーザーが依頼する場合に使用します。AIの汎用的な美学を避けた、創意工夫に富んだ洗練されたコードとUIデザインを生成します。
description の原文を見る
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.
SKILL.md 本文
このスキルは、ジェネリックな「AIっぽい」美学を避けた、個性的でプロダクション品質のフロントエンドインターフェイスの作成をガイドします。実装されたコードとともに、美的詳細と創造的な選択肢に対する並外れた注意を払います。
ユーザーはフロントエンド要件を提供します。コンポーネント、ページ、アプリケーション、またはインターフェイスを構築する際に、目的、対象者、または技術的な制約に関するコンテキストが含まれることがあります。
デザイン思考
コーディングの前に、コンテキストを理解し、大胆な美学的方向性にコミットします。
- 目的: このインターフェイスはどのような問題を解決しますか?誰が使いますか?
- トーン: 極端なものを選びます。残酷なほどのミニマル、マキシマリストのカオス、レトロ未来型、有機的/自然、ラグジュアリー/洗練、遊び心のある/おもちゃのような、エディトリアル/マガジン、ブルータリスト/未完成、アールデコ/幾何学的、ソフト/パステル、インダストリアル/ユーティリティなど。選択肢はたくさんあります。これらをインスピレーション源として使用しますが、美学的方向性に真摯なデザインを作成します。
- 制約: フレームワーク、パフォーマンス、アクセシビリティなどの技術要件。
- 差別化: これを忘れられないものにするのは何です
...
詳細情報
- 作者
- anthropics
- リポジトリ
- anthropics/skills
- ライセンス
- 不明
- 最終更新
- 2026/5/9
Source: https://github.com/anthropics/skills / ライセンス: 未指定