Web開発
グラフィカルUI
Graphical UI (graphicalui.com)
要約
Graphical UIは、デザインシステムとReactコンポーネントを提供するプラットフォームです。ブランドカラー、タイポグラフィ、スペーシング、アイコン、シェイプ、モーションといったUIデザインの要素を定義し、それらを基にした再利用可能なReactコンポーネントを提供します。これにより、開発者は一貫性のある洗練されたインターフェースを効率的に構築できます。
全文翻訳
すべてのステーション
週
Jamie Lee
現在
画像貼り付けの問題
1:28
Sarah Thomas
2時間前
変数とスタイルが増えると処理が遅くなる
3:15
Andi Shafer
2時間前
チーム招待時のわずかな手間
2:04
Matt Holden
1日前
日常業務をより速くこなす方法を見つける
0:38
Kristy Spellman
2日前
重要なディテールにスペースを確保する
1:15
Jamie Lee
カラー
ブランドカラー、ニュートラルカラー、ステータスカラーをサーフェス、テキスト、コントロールに使用します。
ライトとダーク
1つのテーマ内で、ライトモードとダークモードの別々のカラー値を用意します。
タイポグラフィ
フォントファミリー、ウェイト、サイズ、行の高さをインターフェステキストとデータ用に設定します。
スペーシングとスケール
コンポーネントサイズ、パディング、ギャップの共有スケール。
アイコン
テーマに合ったファミリーとスタイルを選択します。
シェイプとエフェクト
コンポーネントのシェイプと奥行きのためのコーナー半径、ストローク、シャドウ。
コンポーネントステート
GraphicalのBase UIコンポーネントのインタラクティブなステートをカスタマイズします。
モーション
ボタンプレス、メニューなどのインタラクションのためのスプリング、イージング、タイミング。
あなたのテーマ
インストール可能なカラー、タイポグラフィ、スタイル。shadcnと連携するか、直接ダウンロードできます。
リアルコンポーネント
Base UI上に構築されたReactコンポーネント。すぐに使用でき、カスタマイズ可能です。
エージェントのためのコンテキスト
GUI.md、詳細なテーマリファレンス、インターフェースの構築、適応、レビューのためのスキル。