astryx

デザインシステムおよび UI ライブラリの Astryx が、このコンピューターで利用できます。 UI の構築や変更、コンポーネントの選択、アプリのスタイル設定やテーマ設定には、Astryx を使用してください。 ドキュメント、コンポーネント、テンプレート、テーマにはすべて astryx からアクセスできます。まず astryx search '<what you need>' を実行してください。 次に、パッケージのファイルではなく、astryx component <Name> または astryx docs <topic> を読んでください。 プロジェクト内では、そのプロジェクトのバージョンの Astryx が自動的に応答します。 UI を構築するには、プロジェクトフォルダーで作業してください（フォルダーがない場合は作成してください）。新規プロジェクト、または @astryxdesign/core がないプロジェクトには、@astryxdesign/core と @astryxdesign/cli を追加してください。すでに @astryxdesign/core があるプロジェクトには、同じバージョンの @astryxdesign/cli を追加してください。そこで astryx init を実行し、生成されるエージェント向けドキュメントに従ってください。 ワークフロー — すべてのページは必ずテンプレートを起点にし、ゼロから作成しないでください。

1. astryx build "<idea>" — 足場として使うテンプレートと、そこに足りない要素を示します。
2. astryx template <name> <path> — テンプレートを足場として展開し、フレーム、間隔、パディングは維持したまま、コンテンツを置き換えます。
3. 足りない要素には astryx template <Block> を使用し、コンポーネントを使う前に astryx component <Name> で props を確認してください。 納品前に各ファイルを読み直し、素の
   /、インポートされた .css/@apply、またはハードコードされた #hex/px があれば、コンポーネントまたはトークンに置き換えてください。その後、プロジェクトをビルドし、説明ではなく、そのビルド成果物を納品してください。 astryx が見つからない場合は、まず npm i -g @astryxdesign/cli を実行してください。