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的な安っぽさ」を避けた、個性的でプロダクション級のフロントエンドインターフェイスの制作を指導します。実際に動作するコードを実装し、美的なディテールとクリエイティブな選択に並外れた注意を払います。
ユーザーはフロントエンド要件を提供します:構築するコンポーネント、ページ、アプリケーション、またはインターフェイスです。目的や対象ユーザー、技術的な制約についてのコンテキストが含まれる場合があります。
デザイン思考
コーディングの前に、コンテキストを理解し、明確な美的方向性にコミットします:
- 目的: このインターフェイスはどんな問題を解決しますか?誰が使いますか?
- トーン: 明確な方向性にコミットします:極度にミニマル、マキシマリストカオス、ラグジュアリー/洗練、ロー・ファイ/ジン、ダーク/ムーディ、ソフト/パステル、エディトリアル/マガジン、ブルータリスト/ラウ、レトロ・フューチャリスティック、ハンドクラフト/アルチザナル、オーガニック/ナチュラル、アールデコ/ジオメトリック、プレイフル/ホイムシカル、インダストリアル/ユーティリタリアンなど。無限の種類から始めて、それらを超えることができます。これらをインスピレーションとして使用しますが、最終的なデザインはユニークに感じられ、すべてのディテールが1つの統一された方向
...
詳細情報
- 作者
- Murf-y
- ライセンス
- 不明
- 最終更新
- 2026/3/1
Source: https://github.com/Murf-y/Terminal-Portfolio / ライセンス: 未指定