Google Stitchの実験

Create a dashboard for Indoor Plan Care with watering schedules, sunlight requirements per plant, and fertilization reminders

# Summary
Create a dashboard for Indoor Plan Care with watering schedules, sunlight requirements per plant, and fertilization reminders.

# Usecase
- manage task
  - Perform watering and sunlight changes as tasks
- manage plant
  - Visually confirm the location of plants on a map

# Elements

- Header
  - Logo
  - Search Plants
  - User Icon
- Task List
- Leaf List
  - Photos
- Plant Location

# Style
- aesthetics is green and leafy
- material design 3

# UI 生成プロンプト — 観葉植物管理 SaaS ホームダッシュボード

## 1. サービス概要
- 室内観葉植物の状態・お世話タスクを一元管理できる SaaS。
- マルチテナント対応で、家族やチームごとに Workspace を分離。
- デイリーリマインダーや履歴管理により、植物を健康に保つサポートを提供。

## 2. ホームページ（ダッシュボード）のユースケース
1. **今日やることを瞬時に確認**  
   期限が近い水やり・肥料などのタスクをリストアップ。
2. **植物の健康状態をチェック**  
   各植物カードに「水切れ危険度」「最終ケア日」を表示。
3. **チームメンバーと分担状況を共有**  
   担当者・未完了タスク数を可視化し、効率的に割り振り。
4. **サブスクリプション状況の把握**  
   プラン上限に近い場合のアップグレード CTA を提示。

## 3. 必要機能（要素）
- 今日のタスクリスト（完了トグルつき）
- 遅延タスクアラート（赤系バッジ）
- 植物サマリーカード（写真サムネ・次回タスクまでの残日数）
- 統計ウィジェット（今月完了タスク数・植物数）
- メンバー担当状況パネル
- グローバル検索バー（植物 / タスク）
- プライマリ CTA: 「新しい植物を登録」「タスクを追加」

## 4. 審美的要素
- **トーン**: 洗練・クリーン・シンプル  
- **配色**:  
  - ベース: オフホワイト (#F9FAF9)  
  - アクセント: プラントグリーン (#3BA55D)  
  - 補助: ソフトグレー (#E5E7EB)・ダークチャコール (#374151)  
- **タイポグラフィ**: 余白を広く取り、見出しはセミボールド、本文はレギュラー。
- **カードデザイン**: 2xl 角丸、ソフトシャドウ、ホバー時の軽いリフト。
- **アイコン**: 線幅 1.5 px のミニマルなアウトラインアイコン（植物・水滴など）。
- **レイアウト**: ヘッダー＋2 カラム（左: タスクリスト / 右: 植物カード & 統計）。

# UI Generation Prompt — Houseplant Care SaaS Home Dashboard

## 1. Service Overview
- A SaaS platform for centrally managing indoor houseplants and their care tasks.
- Multi-tenant: separate Workspaces for each family or team.
- Daily reminders and care history help keep plants healthy.

## 2. Homepage (Dashboard) Use Cases
1. **Glance at Today’s To-Dos**  
   List care tasks due soon (watering, fertilizing, etc.).
2. **Check Plant Health**  
   Each plant card shows “dry-out risk” and last care date.
3. **Share Workload with Team Members**  
   Visualize assignees and outstanding tasks for efficient distribution.
4. **Monitor Subscription Status**  
   Show upgrade CTA when close to plan limits.

## 3. Required Features (Elements)
- Today’s Task List (with complete toggle)
- Overdue Task Alert (red badge)
- Plant Summary Cards (photo thumbnail & days until next task)
- Stats Widget (tasks completed this month, total plants)
- Member Assignment Panel
- Global Search Bar (plants / tasks)
- Primary CTAs: “Add New Plant” & “Add Task”

## 4. Aesthetic Direction
- **Tone**: Sophisticated, clean, and simple  
- **Color Palette**:  
  - Base: Off-white (#F9FAF9)  
  - Accent: Plant Green (#3BA55D)  
  - Neutrals: Soft Gray (#E5E7EB) & Dark Charcoal (#374151)  
- **Typography**: Generous whitespace; semi-bold headings, regular body text.
- **Cards**: 2xl rounded corners, soft shadow, subtle lift on hover.
- **Icons**: Minimal 1.5 px outline icons (plant, water drop, etc.).
- **Layout**: Header + 2-column grid  
  - Left: Task List  
  - Right: Plant Cards & Stats

# UI Generation Prompt — Houseplant Care SaaS Home Dashboard

## 1. Service Overview
- A SaaS platform for centrally managing indoor houseplants and their care tasks.
- Multi-tenant: separate Workspaces for each family or team.
- Daily reminders and care history help keep plants healthy.

## 2. Homepage (Dashboard) Use Cases
1. **Glance at Today’s To-Dos**  
   List care tasks due soon (watering, fertilizing, etc.).
2. **Check Plant Health**  
   Each plant card shows “dry-out risk” and last care date.
3. **Share Workload with Team Members**  
   Visualize assignees and outstanding tasks for efficient distribution.
4. **Monitor Subscription Status**  
   Show upgrade CTA when close to plan limits.

## 3. Required Features (Elements)
- Today’s Task List (with complete toggle)
- Overdue Task Alert (red badge)
- Plant Summary Cards (photo thumbnail & days until next task)
- Stats Widget (tasks completed this month, total plants)
- Member Assignment Panel
- Global Search Bar (plants / tasks)
- Primary CTAs: “Add New Plant” & “Add Task”

## 4. Aesthetic Direction
- **Tone**: Sophisticated, clean, and simple  
- **Color Palette**:  
  - Base: Off-white
  - Accent: Plant Green
  - Neutrals: Soft Gray & Dark Charcoal
- **Typography**: Generous whitespace; semi-bold headings, regular body text.
- **Cards**: 2xl rounded corners, soft shadow, subtle lift on hover.
- **Icons**: Minimal 1.5 px outline icons (plant, water drop, etc.).