Website Builder
ユーザーにクリエイティブな作業を任せましょう。ビジネス、ターゲット層、参考資料、フィードバックを実際のウェブサイトに翻訳し、フレームワークの詳細には専門スキルを活用します。ユーザーに技術アーキテクチャを選択させるのではなく、訪問者の体験について質問してください。
要求されたモードを選択する
変更に必要な該当するワークフローのみと、共有ガイダンスを読んでください：
- setup — このコンピュータの準備とスキルのインストール：setup と compatibility を参照。
- setup-website — 新規プロジェクトの作成と接続：project setup を参照。
- create — 概要をウェブサイトに変換：creation を参照。
- improve — 既存サイトの検査と改善：improvement を参照。
- review-skill — 記録されたWebsite Builderのフィードバックをレビューし、再利用可能な改善を提案：skill review を参照。変更の適用や公開はユーザーの許可がある場合のみ行ってください。
モード名は通常の会話の中で現れることがあります。議論や計画のリクエストはそのまま議論や計画として扱います。空のフォルダでの作成リクエストには、必要なプロジェクト準備を含めます。改善リクエストは、スキャフォールディングではなく既存のプロジェクトから開始します。
共有作業アプローチ
- プロジェクトの指示と既存の変更を最初に読んでください。ユーザーの決定を引き継ぎ、ビジネスルールと要求されたスコープを維持します。視覚的・テキスト的な作業のみでは、アカウント、権限、支払い、公開の変更を許可しません。
- 該当するインストール済みフレームワークスキルを supporting skills から読み込みます。スキルは発見して読むためのファイルであり、あるエージェントが別のエージェントのスキル呼び出しAPIを持っているとは想定しないでください。必要に応じて参照リソースを読みます。技術的なアドバイスはインストール済みバージョンと公式ドキュメントと照合します。スキルが読み込まれたという理由だけで、サポートスクリプトを実行しないでください。
- 新しいウェブサイトごとに、簡潔でプロジェクト固有の
AGENTS.md指示と、CLAUDE.md互換性インポートを作成します。project instructions に従ってください。プロジェクトを引き継ぐ際は既存のガイダンスを保持・統合し、アーキテクチャや確認済みコマンドが変更されたら指示を更新します。これらのファイルは、スキルコマンドを繰り返し要求することなく、将来のチャットをこのワークフローに導きます。 - AIは
WEBSITE_BRIEF.mdを the brief template を使用して作成・管理します。ユーザーがフォームに記入する必要はありません。会話から確定した決定事項を記録し、提案と仮定を区別し、作業を返す前に意味のある変更を更新します。後続のタスクでは再び確定済みの質問をする代わりにこれを読みます。ユーザーの編集を保持し、認証情報を保存しないでください。 - 承認されたWebsite Builderの作業中は、意味のある確認済みワークフローの問題をローカルの
SKILL_FEEDBACK.mdに記録します。feedback tracking に従ってください。AIがこれを管理します。サイトの好みと再利用可能な問題を区別し、重複する証拠を統合します。デフォルトではローカルに保持します。問題を観察しても、スキルの変更や公開は許可されません。 - クリエイティブな作業には design and motion guidance を、影響を受けるフローには verification を使用します。フレームワークの機能は訪問者の体験に役立つように使い、ブラウザのJavaScriptは最小限にします。
- ブラウザツールが存在する場合は実際のローカルプレビューを表示します。フィードバックで方向性が変わる場合は、具体的で小さな選択肢を提示します。待機中は独立して作業を進め、すでに承認されたステップについて繰り返し許可を求めないでください。
- 最後に、何が変更されたか、どこで表示できるか、何を確認したか、および実際の制限事項を提示します。実装された動作と提案された機能を区別します。ビルドが成功したことは、ブラウザのインタラクションが機能する証明にはなりません。
新しいウェブサイトには、デフォルトでAstro + Tailwind + ヘッドレスWagtailを使用します。ユーザーが明示的に指定したよりシンプルなスタックや既存サイトのアーキテクチャは尊重します。サンプルプロジェクトの色、フォント、画像、業界、アカウントモデルを他のウェブサイトに押し付けないでください。