フォルダを開く
LayerPrismを起動し、プロジェクトディレクトリを選択します。
ワークフロー
不動産サイト用テンプレート
03
物件リストを整理する
プロジェクトフォルダを開き、エージェントにリストカードをすべて検索するよう依頼します。
ファイルの一覧表示
エージェントはディレクトリの一覧を表示し、リスト関連ファイルを検出します。
マークアップの読み取り
構造とコンテンツを確認するため、HTMLを読み取ります。
画像の確認
エージェントはマークアップを読み取り、alt属性が不足している画像をリスト化します。
CSSデザイントークン
繰り返し使用されている色値をCSSカスタムプロパティに変換します。
- list_dir
.12ファイル - read_file
style.css4kを読み取る - grep
#3335件の一致 - edit_file
style.css保存済み
次のステップに進む前に確認を待機中拒否承認
theme.css
:root {
--color-primary: #2c3e50;
--color-bg: #ffffff;
--color-text: #333333;
--spacing-md: 16px;
--radius: 4px;
}
body {
background: var(--color-bg);
color: var(--color-text);
padding: var(--spacing-md);
border-radius: var(--radius);
}このCSSファイルは、:root内でデザイントークンをカスタムプロパティとして宣言し、bodyルールでそれらを使用することで、不動産サイト用テンプレート全体で一貫したスタイリングを保証します。これは、admin template only html and cssが構造をシンプルに保つ方法に似ています。
レストランサイト用テンプレート
メニューを確認
エージェントはメニューファイルを読み取り、すべての項目をリスト化します。これにより、オーナーから提供されるべき価格やアレルギー注意書きの不足を確認できます。差分レビューが続きます。Ask firstモードで変更内容を確認し、コンテンツへの変更を受け入れる前に承認します。これにより、レストランサイト用テンプレートがデータと一貫性を保ちます。ツールは柔軟な開発ワークフローのためにローカルのWindows環境をサポートします。ファイルはチャットの作業フォルダ内でread、write、editコマンドで管理されます。すべてのアクションは、完全な透明性のために実際の結果を記載したカードとして表示されます。多くのユーザーは、自分の作品を共有する際に、ポートフォリオを採用担当者に好まれる形にどうすればよいかと尋ねています。
レイアウトを修正
エージェントはHTML構造を読み取り、見出しの順序に関する問題をチェックします。アクセシビリティと可読性を確保しつつ、コードをクリーンに保つための修正案を提案します。LayerPrismが実行されます。チャットウィンドウに明確な差分として提案された変更が表示されます。編集を承認し、自信を持ってデザインを更新します。ツールはプロセス中に作成および編集されたファイルを一覧表示します。不動産サイト用テンプレートは、この正確な構造レビューの恩恵を受けます。すべてのアクションは、実際の結果を記載したカードとしてチャットに表示されます。ユーザーは、新しいテンプレートデザインについてsaas website feedbackを求めていることがよくあります。
