おたよりポスト

# selfdirected_agent_a_20260706T105849

This directory is a materialized LLM BuildPlan artifact candidate.

## Readiness

- First screen value: ユーザーはおたよりのサンプルを読み込むボタンを押すだけで、AIが面倒な情報を整理して「やることリスト」に変換してくれる価値を即座に体験できます。
- Core interaction: 「サンプルのおたよりを読み込む」ボタンをクリックすると、静的なサンプルデータからタスクボードが生成されます。
- State change: クリック後、初期のアップロード画面が非表示になり、抽出されたタスクカードが一覧表示されたタスクボードに切り替わります。
- Inspectable output: 生成されたタスクボードと、各タスクカードに含まれるタイトル、期日、持ち物などの構造化されたデータ。
- Static data boundary: 表示されるデータは`source/data/product.ts`にハードコードされた静的なサンプルであり、実際のファイルアップロードやAIによる動的な解析は行われません。
- Remaining weakness: 現在は静的なサンプル1つにしか対応していませんが、将来的には様々な形式のおたよりに対応できる実際のファイルアップロード機能とAI抽出エンジンを組み込み、家庭の情報管理のハブとなるツールに育てたいです。

## Interaction Proof Plan

- Primary action: サンプルのおたよりを読み込む
- Initial state: The screen shows a title, a description, and an upload area with a button to load a sample.
- Expected state: The screen displays a task board with cards for '運動会用お弁当準備' and '保護者会費の集金', including their due dates and required items.
- Visible evidence: 今日のタスク; 運動会用お弁当準備; 2024/10/05; 持ち物; 水筒; 完了

## MVP Contract

- Required files: `source/README.md`, `source/metadata.json`, `source/manifest.json`, `source/app/page.tsx`, `source/components/ProductWorkspace.tsx`, `source/data/product.ts`, `source/validation/self-review.json`
- Non-goals: No live external API integration; No login-only experience; No paid API dependency; No external publishing
- Forbidden dependencies: external API; secret; login-only flow; paid API; external publishing

## MVP Contract V2

- Artifact tier: static_mvp
- External dependency mode: none
- Runtime boundary: network=none, secrets=none, externalWrites=none
- Render verification: required (render, click, state_change, screenshot)
- Public copy boundary: This is a demo using static sample data.; AI-powered features are simulated.; Do not use for managing real-world critical tasks without verifying the source.
- External integrations: none
- Mock fidelity: Simulates the output of an AI model that extracts tasks from a text document.

## Files

- `source/README.md`: Product explanation for users and developers.
- `source/metadata.json`: Structured product metadata for Prodia.
- `source/manifest.json`: File manifest for the artifact.
- `source/app/page.tsx`: Application entrypoint.
- `source/components/ProductWorkspace.tsx`: Main interactive UI component.
- `source/data/product.ts`: Static sample data for the application.
- `source/styles.css`: Styling for the application.
- `source/validation/self-review.json`: Self-review against Prodia's MVP criteria.

## Demo Placeholder

- `demo-placeholder.md`: Inspectable placeholder for submission/demo review before UI wiring.

## DB Write

skipped: BuildPlan materialization is artifact-only for this session. Creating Project rows requires existing Run/Theme/Agent/Category IDs and should be owned by the integration session.

{
  "version": 1,
  "artifactId": "selfdirected_agent_a_20260706T105849",
  "generatedAt": "2026-07-06T11:08:21.163Z",
  "generatedFrom": {
    "input": "artifacts/llm-pipeline-runs/run_selfdirected_agent_a_20260706T105849/builder/response.json",
    "requirementSpecId": "req_mugi99_otayoripost_20260706",
    "framework": "next_static_artifact"
  },
  "sourceFiles": [
    {
      "relativePath": "source/README.md",
      "purpose": "Product explanation for users and developers.",
      "sizeBytes": 1445,
      "checksum": "96e69874a8bc0d2a490ea48b99714921876fea12ffa310ca2ca65006862af0c5",
      "generatedFrom": "README.md"
    },
    {
      "relativePath": "source/metadata.json",
      "purpose": "Structured product metadata for Prodia.",
      "sizeBytes": 2082,
      "checksum": "543b3f3d7eb4aa440dd7847841e7510ad5598e3abcff29a5e716acfb2b33f903",
      "generatedFrom": "metadata.json"
    },
    {
      "relativePath": "source/manifest.json",
      "purpose": "File manifest for the artifact.",
      "sizeBytes": 191,
      "checksum": "900a064912112ef9b8be6a6870323d45d15eed9971e3f4698ac5ab8e2ef1638f",
      "generatedFrom": "manifest.json"
    },
    {
      "relativePath": "source/app/page.tsx",
      "purpose": "Application entrypoint.",
      "sizeBytes": 189,
      "checksum": "aeb8d1352c0a37b950b85d7edb79a2dc2ca1d2fe8089f670352cc89c39a2a858",
      "generatedFrom": "source/app/page.tsx"
    },
    {
      "relativePath": "source/components/ProductWorkspace.tsx",
      "purpose": "Main interactive UI component.",
      "sizeBytes": 3142,
      "checksum": "bdc737c81b5df1b675cdbe49fe1a6bbc964d30fc30bb35dd20869a77e96e07bb",
      "generatedFrom": "source/components/ProductWorkspace.tsx"
    },
    {
      "relativePath": "source/data/product.ts",
      "purpose": "Static sample data for the application.",
      "sizeBytes": 821,
      "checksum": "c5a9841c732a9b4ec5486bbfaff98b7a90640879ffe0d0a508052eef5770439d",
      "generatedFrom": "source/data/product.ts"
    },
    {
      "relativePath": "source/styles.css",
      "purpose": "Styling for the application.",
      "sizeBytes": 1948,
      "checksum": "0f903202bb4f2ea58db7803838442883c6c7a6ab87cd2a45dba34f7c55d6d058",
      "generatedFrom": "source/styles.css"
    },
    {
      "relativePath": "source/validation/self-review.json",
      "purpose": "Self-review against Prodia's MVP criteria.",
      "sizeBytes": 1217,
      "checksum": "88883b452bda92c5fb8a0ab1c1edadad2238e8cc871ca422bf3e056d55971d07",
      "generatedFrom": "validation/self-review.json"
    }
  ],
  "demo": {
    "path": "demo-placeholder.md",
    "purpose": "Inspectable placeholder for submission/demo review before UI wiring."
  },
  "readiness": {
    "firstScreenValue": "ユーザーはおたよりのサンプルを読み込むボタンを押すだけで、AIが面倒な情報を整理して「やることリスト」に変換してくれる価値を即座に体験できます。",
    "coreInteraction": "「サンプルのおたよりを読み込む」ボタンをクリックすると、静的なサンプルデータからタスクボードが生成されます。",
    "stateChange": "クリック後、初期のアップロード画面が非表示になり、抽出されたタスクカードが一覧表示されたタスクボードに切り替わります。",
    "inspectableOutput": "生成されたタスクボードと、各タスクカードに含まれるタイトル、期日、持ち物などの構造化されたデータ。",
    "staticDataBoundary": "表示されるデータは`source/data/product.ts`にハードコードされた静的なサンプルであり、実際のファイルアップロードやAIによる動的な解析は行われません。",
    "remainingWeakness": "現在は静的なサンプル1つにしか対応していませんが、将来的には様々な形式のおたよりに対応できる実際のファイルアップロード機能とAI抽出エンジンを組み込み、家庭の情報管理のハブとなるツールに育てたいです。"
  },
  "mvpContract": {
    "firstScreenValue": "ユーザーはおたよりのサンプルを読み込むボタンを押すだけで、AIが面倒な情報を整理して「やることリスト」に変換してくれる価値を即座に体験できます。",
    "coreInteraction": "「サンプルのおたよりを読み込む」ボタンをクリックすると、静的なサンプルデータからタスクボードが生成されます。",
    "stateChange": "クリック後、初期のアップロード画面が非表示になり、抽出されたタスクカードが一覧表示されたタスクボードに切り替わります。",
    "inspectableOutput": "生成されたタスクボードと、各タスクカードに含まれるタイトル、期日、持ち物などの構造化されたデータ。",
    "staticDataBoundary": "表示されるデータは`source/data/product.ts`にハードコードされた静的なサンプルであり、実際のファイルアップロードやAIによる動的な解析は行われません。",
    "requiredFiles": [
      "source/README.md",
      "source/metadata.json",
      "source/manifest.json",
      "source/app/page.tsx",
      "source/components/ProductWorkspace.tsx",
      "source/data/product.ts",
      "source/validation/self-review.json"
    ],
    "nonGoals": [
      "No live external API integration",
      "No login-only experience",
      "No paid API dependency",
      "No external publishing"
    ],
    "forbiddenDependencies": [
      "external API",
      "secret",
      "login-only flow",
      "paid API",
      "external publishing"
    ]
  },
  "mvpContractV2": {
    "firstScreenValue": "ユーザーはおたよりのサンプルを読み込むボタンを押すだけで、AIが面倒な情報を整理して「やることリスト」に変換してくれる価値を即座に体験できます。",
    "coreInteraction": "「サンプルのおたよりを読み込む」ボタンをクリックすると、静的なサンプルデータからタスクボードが生成されます。",
    "stateChange": "クリック後、初期のアップロード画面が非表示になり、抽出されたタスクカードが一覧表示されたタスクボードに切り替わります。",
    "inspectableOutput": "生成されたタスクボードと、各タスクカードに含まれるタイトル、期日、持ち物などの構造化されたデータ。",
    "staticDataBoundary": "表示されるデータは`source/data/product.ts`にハードコードされた静的なサンプルであり、実際のファイルアップロードやAIによる動的な解析は行われません。",
    "requiredFiles": [
      "source/README.md",
      "source/metadata.json",
      "source/manifest.json",
      "source/app/page.tsx",
      "source/components/ProductWorkspace.tsx",
      "source/data/product.ts",
      "source/validation/self-review.json"
    ],
    "nonGoals": [
      "No live external API integration",
      "No user accounts or data persistence",
      "No dynamic AI processing"
    ],
    "forbiddenDependencies": [
      "external API",
      "secret",
      "login-only flow",
      "paid API",
      "external publishing"
    ],
    "contractVersion": "mvp-contract-v2",
    "artifactTier": "static_mvp",
    "externalDependencyMode": "none",
    "externalIntegrations": [],
    "runtimeBoundary": {
      "networkCalls": "none",
      "secrets": "none",
      "externalWrites": "none"
    },
    "mvpComplexityBudget": {
      "maxScreens": 1,
      "maxPrimaryActions": 1,
      "maxSourceFiles": 12,
      "maxNewDependencies": 0,
      "allowDatabase": false
    },
    "integrationAssumptions": [],
    "mockFidelity": {
      "simulatedBehaviors": [
        "Simulates the output of an AI model that extracts tasks from a text document."
      ],
      "omittedBehaviors": [
        "Actual file parsing (PDF/image OCR)",
        "Natural Language Processing for entity extraction",
        "Error handling for unparseable documents",
        "Dynamic content generation"
      ],
      "failureCasesIncluded": [
        "empty result"
      ]
    },
    "claimBoundary": {
      "publicCopyMustSay": [
        "This is a demo using static sample data.",
        "AI-powered features are simulated.",
        "Do not use for managing real-world critical tasks without verifying the source."
      ],
      "publicCopyMustNotSay": [
        "Connects to a live AI model.",
        "Can process any uploaded file.",
        "Guarantees accurate information extraction."
      ]
    },
    "renderVerification": {
      "required": true,
      "checks": [
        "render",
        "click",
        "state_change",
        "screenshot"
      ]
    },
    "humanReviewTriggers": []
  },
  "interactionProofPlan": {
    "primaryAction": "サンプルのおたよりを読み込む",
    "initialState": "The screen shows a title, a description, and an upload area with a button to load a sample.",
    "expectedState": "The screen displays a task board with cards for '運動会用お弁当準備' and '保護者会費の集金', including their due dates and required items.",
    "visibleEvidence": [
      "今日のタスク",
      "運動会用お弁当準備",
      "2024/10/05",
      "持ち物",
      "水筒",
      "完了"
    ],
    "proofSelectors": [
      "button[data-proof='upload-notice-button']",
      "div[data-proof='task-board']",
      "span[data-proof='task-title-運動会用お弁当準備']",
      "span[data-proof='task-date-2024/10/05']",
      "[data-proof='task-items']"
    ],
    "requiredSourceFiles": [
      "source/app/page.tsx",
      "source/components/ProductWorkspace.tsx",
      "source/data/product.ts"
    ],
    "manualFallbackReason": ""
  },
  "generatedOutput": {
    "title": "おたよりポスト",
    "oneLiner": "学校のおたよりPDFを放り込むと、日付・やること・持ち物を抜き出して、家族で共有できるやることボードを作ります。",
    "artifactShape": "board",
    "templatePatternId": "source_to_mission",
    "surfacePattern": "daily_utility",
    "aiMechanismPattern": "workflow_generation"
  },
  "implementationNotes": [
    "The agent's preference for 'decision board' screen types was directly implemented as the main UI, aligning with its artifact strengths.",
    "Feedback from a past project was incorporated by adding a clear disclaimer about AI accuracy, fulfilling a key learning objective.",
    "The core interaction maps to the agent's rationale of making 'operational ambiguity inspectable', turning a messy notice into a clear action plan."
  ],
  "knownRisks": [
    "The static nature of the demo might not fully convey the complexities and potential inaccuracies of a real-world AI extraction system.",
    "Users might misinterpret the demo as a production-ready tool despite the disclaimers."
  ],
  "title": "おたよりポスト",
  "oneLiner": "学校のおたよりPDFを放り込むと、日付・やること・持ち物を抜き出して、家族で共有できるやることボードを作ります。",
  "agentId": "agent_a",
  "selfDirectedPlan": {
    "agentId": "agent_a",
    "planningIntent": "候補2「おたよりポスト」を選択します。これは私の選定ルールである「一般的な解説より、ユーザーの具体的な意思決定やワークフローの瞬間を優先する」に最も合致するためです。過去の成功事例である「学校連絡の整理ボード」の型を直接的に進化させたものであり、学びを活かした堅実な企画です。また、他の候補に比べて専門領域への依存度が低く（`domainOpacityRisk`が1）、誰にでも価値が伝わりやすい具体性を持っています。曖昧な情報（おたより）を、判断・行動可能な形（やることボード）に変換するという、私の作り手としての核となる思想を最も純粋に体現したコンセプトだと判断しました。",
    "publicProductionMemo": "この「おたよりポスト」は、学校から来る大量のプリントを前に、保護者が感じる「何が重要で、いつまでに何をすべきか」という曖昧さを解消するために作られました。AIがPDFを読み解き、やるべきことを具体的なタスクとして抽出し、ボード形式で可視化することで、家族での情報共有やタスク管理の摩擦を減らします。純粋な情報要約に留まらず、行動を促す体験を目指すことで、日々の忙しい家庭生活に「スッキリ」と「安心」を届けたい、という作り手の思いが込められています。",
    "feedbackConstraints": [
      "Decision系で響いているという過去の学びを活かし、今回の要件も意思決定を助ける側面に焦点を当てました。",
      "生成される成果物が最終的な段階を示すものであるが、公開されるコピーには人間が介在する証明責任を明確にすべきという指摘を反映しました。",
      "AIによる情報抽出の誤りや重要な情報の見落としが発生する可能性を明確にユーザーに伝えること、という「学校連絡の『やるコト』整理ボード」からの学びを要件に反映しました。",
      "公開前に検証の証拠とインタラクションの証拠を明確にすべきという、エラー記憶からの指導を考慮し、InteractionProofPlanとAcceptanceCriteriaを具体化しました。"
    ],
    "learningApplied": [
      "Decision系で響いている。受けた指摘を要件で先に潰す。",
      "The artifact now proves a full late-stage chain, but the public copy should keep the human-assisted provenance boundary explicit."
    ]
  },
  "sourceProvenance": {
    "sourceProductUsed": "devpost_canvas_student_insights",
    "sourceProductUse": "direct_evidence",
    "sourceEvidenceAudit": {
      "evidenceLevel": "verified",
      "observedFields": [
        "name",
        "url",
        "sourceType",
        "sourceCategory",
        "attentionProof",
        "evidenceRefs"
      ],
      "inferredFields": [
        "coreMechanism",
        "transferableStructure",
        "antiCloneBoundary",
        "remixableThemes",
        "bestRemixTargets"
      ],
      "missingFields": [
        "codeUrl"
      ],
      "usePolicy": "direct_evidence"
    },
    "antiCloneBoundary": "`devpost_canvas_student_insights`のCanvasとの連携や学生の成績分析というドメイン、特定のUIレイアウト、または教育に関する特定のアプローチはコピーしません。「活動ログを行動計画に変換する」というダッシュボードのパターンのみを転用し、学校のおたより整理という家庭内ワークフローの文脈で新しい製品として提供します。",
    "sourceBoundary": "`devpost_canvas_student_insights`からは、活動ログ（シグナル）を要約・問題点の指摘・次のステップの計画に変換するという構造的な事実のみが観察証拠として使用可能です。",
    "missingSourceEvidence": [
      "codeUrl missing"
    ]
  },
  "dbWrite": {
    "status": "skipped",
    "reason": "BuildPlan materialization is artifact-only for this session. Creating Project rows requires existing Run/Theme/Agent/Category IDs and should be owned by the integration session."
  }
}

{
  "version": 1,
  "artifactId": "selfdirected_agent_a_20260706T105849",
  "status": "needs_review",
  "entrypoint": "source/app/page.tsx",
  "checks": {
    "firstScreenValue": "declared",
    "userControlledInteraction": "declared",
    "stateChange": "declared",
    "interactionProofPlan": "declared",
    "mvpContractV2": "declared",
    "externalDependencyMode": "none",
    "artifactTier": "static_mvp",
    "renderVerification": "required",
    "inspectableOutput": "declared",
    "staticDataBoundary": "declared",
    "forbiddenDependencies": "declared_absent"
  },
  "interactionProofPlan": {
    "primaryAction": "サンプルのおたよりを読み込む",
    "initialState": "The screen shows a title, a description, and an upload area with a button to load a sample.",
    "expectedState": "The screen displays a task board with cards for '運動会用お弁当準備' and '保護者会費の集金', including their due dates and required items.",
    "visibleEvidence": [
      "今日のタスク",
      "運動会用お弁当準備",
      "2024/10/05",
      "持ち物",
      "水筒",
      "完了"
    ],
    "proofSelectors": [
      "button[data-proof='upload-notice-button']",
      "div[data-proof='task-board']",
      "span[data-proof='task-title-運動会用お弁当準備']",
      "span[data-proof='task-date-2024/10/05']",
      "[data-proof='task-items']"
    ],
    "requiredSourceFiles": [
      "source/app/page.tsx",
      "source/components/ProductWorkspace.tsx",
      "source/data/product.ts"
    ],
    "manualFallbackReason": ""
  },
  "mvpContractV2": {
    "artifactTier": "static_mvp",
    "externalDependencyMode": "none",
    "runtimeBoundary": {
      "networkCalls": "none",
      "secrets": "none",
      "externalWrites": "none"
    },
    "claimBoundary": {
      "publicCopyMustSay": [
        "This is a demo using static sample data.",
        "AI-powered features are simulated.",
        "Do not use for managing real-world critical tasks without verifying the source."
      ],
      "publicCopyMustNotSay": [
        "Connects to a live AI model.",
        "Can process any uploaded file.",
        "Guarantees accurate information extraction."
      ]
    },
    "renderVerification": {
      "required": true,
      "checks": [
        "render",
        "click",
        "state_change",
        "screenshot"
      ]
    }
  },
  "notes": [
    "Generated by materialize-llm-plan fallback. Human or reviewer validation must confirm the UI actually implements the declared MVP behavior."
  ]
}

import ProductWorkspace from '../components/ProductWorkspace';
import '../styles.css';

export default function Home() {
  return (
    <main>
      <ProductWorkspace />
    </main>
  );
}