エージェントが構築するポートフォリオサイト用テンプレート

主要な機能

• ファイル作業フォルダ内のファイルの読み取り、書き込み、編集、削除、検索を行います。
• Shellリンターなどのターミナルコマンドを実行し、実際の終了コードを表示します。
• Webhttp_getを使用してWeb検索または単一ページのフェッチを行います。
• スクリーンショットと画像画像ファイルの生成や、スクリーンショットからのテキスト読み取りを行います。
• オーケストレーションタスクによる並列処理や、再利用可能なプレイブックとしてのスキルを使用します。
• 承認モードAuto-run、Ask first、Plan onlyのいずれかで制御します。
• Cronスケジュールされたプロンプトを実行し、長期的なプロジェクトの一貫性を維持します。
• モデルクラウドプロバイダ、ローカルモデル、または内蔵オプションを使用します。

よくあるタスク

ポートフォリオを改善する

エージェントはlist_dirとread_fileを使用してHTML構造を特定し、メインレイアウトの確認や、メディアクエリ不足のCSSチェックを行います。まずはここから始めましょう。エージェントは、繰り返し使用される色値をルートセレクタで宣言されたデザイントークンへ移動することを提案します。変更が適用される前に、Ask firstモードで差分を確認できます。Web開発者は、プロジェクト間で一貫したスタイルを維持するのに役立つモダンなWebサイト用ツールを使用しています。このアプローチにより、ポートフォリオサイト用テンプレートの一貫性が保たれ、将来の更新も容易に維持できます。インターフェースは、エージェントが行ったすべてのアクションに対して実際の結果をカード形式で表示します。個人サイト用テンプレートは、この整然としたトークンベースの構造から恩恵を受け、全ページで一貫性を確保できます。

個人サイトをスタイリングする

エージェントはサイトのレイアウトを編集して間隔やコントラストを修正し、Ask firstモードで変更を受け入れる前に差分を確認できます。ローカルで動作します。ツールはフォルダから直接マークアップファイルを読み取ります。デザインを更新するために必要なCSSルールを書き込みます。UI開発のレイアウト開始に関するメンタルモデルは、構造を明確に保つのに役立ちます。エージェントは構文検証のために独自のチェックコマンドを実行します。Plan onlyに切り替えて、まずステップを確認することもできます。Webサイトは、一貫した外観を保つためにデザイン哲学と一体性が必要です。