home/coding/paddy-pattern-field-planner

Paddy Pattern Field Planner

GPTClaudeDeepSeek··▲ 1,193 copies·updated 2026-07-14

paddy-pattern-field-planner.prompt

# Paddy Pattern — Field Planner

- **ID:** `paddy-pattern-field-planner`
- **Category:** Terrace crop planning tool
- **Type:** app
- **Profile:** `product-ui`

---

Build a responsive crop-block planning application for "Paddy Pattern" — a precise interface for sequencing terrace work, crews, and water windows without pretending a photograph is a survey map. Use React + Vite + Tailwind CSS + TypeScript + lucide-react + Radix Dialog + Radix Tooltip. Default Tailwind config, no other UI libraries.

SELECTED PEXELS MEDIA
- Source: [Golden rice terraces in Vietnam](https://www.pexels.com/photo/rice-terraces-in-the-mountains-of-vietnam-28000790/) by Blog Của Rọt.
- Download to `/media/vietnam/pexels-28000790.jpg`; use `<img src="/media/vietnam/pexels-28000790.jpg" alt="Golden rice terraces stepping across a mountain valley beneath blue sky in Vietnam">`.
- Inspiration panel crop 16:10 `object-cover object-[50%_55%]`; caption "visual reference only · not parcel geometry".

FONTS
- IBM Plex Sans 400/500/600; IBM Plex Mono 400/500 for block codes, dates, and area values.

COLORS
- Light `--bg:#F8FAFC --surface:#FFFFFF --wash:#F1F5F9 --border:#DDE4EC --text:#17202A --muted:#687482`.
- Semantic `--brand:#5A6E2F --ok:#2D7D4C --warn:#B66A16 --danger:#B63C3C`; dark `#0D1510/#18231B/#314036/#E7ECE8`.

GLOBAL CSS

when to use it

Community prompt sourced from the open-source GitHub repo olbboy/motion-site-builder (MIT). A "Paddy Pattern Field Planner" style prompt — adapt the placeholders and specifics to your task. Imported as-is and not independently retested here, so check the output before relying on it.