# Design experiments

Experimentation sandbox for Easol design work (e.g. post-AI sales rep experience). Each experiment lives in its own folder with a README and entry point.

**JTBD frameworks** (role-based job maps, editable in-browser): [jtbd-frameworks/index.html](jtbd-frameworks/index.html)

---

## Experiments

| Experiment | Description | Entry point |
|------------|-------------|-------------|
| [Data & Insights AI](dataInsights-ai/) | Two approaches to AI-powered reporting: Approach A (gradual integration) and Approach B (conversational-first redesign). Role-based onboarding, glass-box AI reasoning, side-panel iteration, queryable widgets. | [index.html](dataInsights-ai/index.html) |
| [Custom Daily Brief](custom-daily-brief/) | North Star: personal task-centric home, manager vs my-work personas, AI-configured dashboard blocks, Easol Assistant on Home + in-app pages. | [index.html](custom-daily-brief/index.html) |
| [Product Value Prop Carousel](product-value-prop-carousel/) | Instagram story-style autoplaying carousel for AI Teammate value props — progress bars, tap/hold navigation, static slide visuals. | [index.html](product-value-prop-carousel/index.html) |
| [Sales Rep Control Centre](sales-rep-control-centre/) | AI-native login and control centre for sales reps: review/approve drafts, JTBD task groups, persistent control bar, Collaborator Missions. | [index.html](sales-rep-control-centre/index.html) |
| [Reporting North Star](reporting-north-star/) | 2027+ vision: job-first Insights hub, AI with visible reasoning, pivot exploration, reconciliation model, themed saved views — grounded in reporting JTBD and PM spec. | [index.html](reporting-north-star/index.html) |
| [Easol Native AI OS](easol-nativeAI-os/) | 2–3y concept-car frames + **interactive Jamie onboarding** (chat, chips, preview, Brief). | [index.html](easol-nativeAI-os/index.html) · [Jamie demo](easol-nativeAI-os/easolAIhome.html) |
| [Design System Components Testing](design-system-components-testing/) | Five Moments surfaces (Tasks, Package, Overview form, Cancellations playbook, Support inbox) with a harness to switch type scale (New 12·13·15·18 ↔ Current 12·14·16·18) and button/input control height (32/36/40). | [index.html](design-system-components-testing/index.html) |
| [LBE Booking Journey](lbe-booking-journey/) | Timed-experience booking wireframe (Clays-style): packages page with filter pill/bar, full-screen sheet on mobile, section popovers on tablet+, mock slot inventory lab. | [index.html](lbe-booking-journey/index.html) |
| [App shell](app-shell/) | Four-layer scaffold for animation and behaviour: app base, page panel, overlays, and a floating agent. Styled with Moments tokens. | [index.html](app-shell/index.html) |

---

## Design skill

This repo ships the **Easol Moments Design** skill so that AI assistants (Cursor, Claude, etc.)
automatically follow the Easol design system when building prototypes.

- **Working in this repo?** The skill is at `.cursor/skills/easol-moments-design/` — Cursor
  picks it up automatically, nothing to do.
- **Prototyping anywhere else?** Install the skill from GitHub with one command:
  ```bash
  curl -sSfL https://raw.githubusercontent.com/easolhq/easol-design/main/skills/easol-moments-design/install.sh | bash
  ```
- **Full details:** see [`skills/easol-moments-design/README.md`](../skills/easol-moments-design/README.md).

---

## Adding a new experiment

1. Create a folder: `prototypes/<short-name>/` (e.g. `prototypes/next-experiment/`).
2. Add a **README.md** with: what it is, source docs (principles, JTBD), how to run, and main files.
3. Add an **entry point** (e.g. `index.html` or link to Figma).
4. Add a row to the table above in this file.

Work in branches or forks and open a PR when you want to merge (see repo root **CONTRIBUTING.md**).