Skip to content
OwnlyPlans

prompt.md

The full prompt.

Part of Bulk edit review table by Admin

Download Open the item

Bulk edit review table

Copy this prompt into Claude, Cursor or Lovable.

Build a single-file HTML bulk edit review screen, 1280x720, pale background #f4f6fb, ink #1b2540, accent blue #4f7cff, success green #12875a. System fonts, no libraries.
Header: H1 "Bulk edit" and a muted line "Select products, change a field once, review before you apply".
A white rounded table (20px radius, soft shadow) with columns Product (name + SKU), Stock, Price, Group and five rows: Linen shirt $48.00, Canvas tote $29.00, Wool beanie $22.00, Leather belt $64.00, Cotton socks $12.00. Each row starts with a 22px checkbox.
Bottom centre: a dark navy action bar (600px wide) saying "3 selected", "Price: increase by 10%" and a blue "Apply changes" button.
Motion (8 second loop): rows rise in with a stagger. The first three checkboxes fill blue with a white tick one after another. The action bar slides up. The Apply button presses (scale .9). The three old prices get a strike-through and fade, and new prices $52.80, $31.90 and $24.20 fade in beside them in green. A green chip "3 products updated" appears top right, then everything fades and restarts.
Respect prefers-reduced-motion. Return only the complete HTML.
Source, 12 lines
# Bulk edit review table

Copy this prompt into Claude, Cursor or Lovable.

```text
Build a single-file HTML bulk edit review screen, 1280x720, pale background #f4f6fb, ink #1b2540, accent blue #4f7cff, success green #12875a. System fonts, no libraries.
Header: H1 "Bulk edit" and a muted line "Select products, change a field once, review before you apply".
A white rounded table (20px radius, soft shadow) with columns Product (name + SKU), Stock, Price, Group and five rows: Linen shirt $48.00, Canvas tote $29.00, Wool beanie $22.00, Leather belt $64.00, Cotton socks $12.00. Each row starts with a 22px checkbox.
Bottom centre: a dark navy action bar (600px wide) saying "3 selected", "Price: increase by 10%" and a blue "Apply changes" button.
Motion (8 second loop): rows rise in with a stagger. The first three checkboxes fill blue with a white tick one after another. The action bar slides up. The Apply button presses (scale .9). The three old prices get a strike-through and fade, and new prices $52.80, $31.90 and $24.20 fade in beside them in green. A green chip "3 products updated" appears top right, then everything fades and restarts.
Respect prefers-reduced-motion. Return only the complete HTML.
```

Your AI tool
Starter prompt

		

Download the plan