HN 日本語サマリー

← 一覧へ戻る
Web開発

グラフィカルUI

Graphical UI (graphicalui.com)

24 pointsby handfuloflight0 コメント

要約

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、詳細なテーマリファレンス、インターフェースの構築、適応、レビューのためのスキル。