For people who work with Claude and Codex

AI DASHBOARDS

Dashboards for running your work, straight from the chat.

Pick a template and start working - as it is, or tailored to your needs. The dashboard is built on your computer, and the Claude or Codex you already work with can update it directly: add tasks from a conversation, gather information, open tabs, change the view and set up automatic updates. Just write what you need.

Every template is a starting point you can keep changing as you work. No code or design skills, no extra account and no extra subscription.

How does it work?→

9 dashboards

Task Manager: All previews show sample data only.

ניהול משימות

Task Manager

All your tasks in one place, as a list or a board, with what to do next.

Build prompt

Task Manager

Copy the prompt.
Open Claude Code, Codex or a desktop AI app that works with folders, and paste it.
Answer a few short questions and get your own dashboard, empty and ready to fill.

Dashboard language

You are setting up my personal "Task Manager" dashboard from ChatToDash, a library of ready-to-build dashboards.

What it is for: All your tasks in one place, as a list or a board, with what to do next.

This prompt is for an AI tool that works with files on my computer (for example Claude Code, Codex, or a desktop AI app with folder access). ChatToDash always lives in one folder: Documents/ChatToDash, holding dashboard.html (the dashboard), chattodash.json (the list of installed dashboards) and chattodash-updates.js (updates).

Before anything else:
1. Look for the ChatToDash folder: first in my Documents folder, then in my home folder.
2. If you find it, tell me which dashboards are already installed (from chattodash.json), and ask: add this dashboard to the existing one, or create a separate new one?
   - Add to the existing one: add it as a new item under "General" in the side menu of dashboard.html, and reuse the shell, the Settings screen and the gallery screen that already exist. Never create a second menu. Do not touch the existing dashboards or their data, and keep exactly the same storage keys. The new dashboard's data goes under keys that start with "tasks". If this dashboard is already installed, ask whether to update it or leave it. Update chattodash.json, add the dashboard to "Where your data lives" and to the sync, and from the instructions below build only the dashboard itself, not what already exists.
   - Create a new one: make another folder next to it (ChatToDash-2, and so on) and build everything there from scratch.
3. If there is no such folder, create Documents/ChatToDash and build everything there.
4. If you cannot access files on my computer, say so plainly: this prompt needs a tool that works with folders.

Then ask me these questions one message at a time, and wait for my answers:
   1. How do you like to manage tasks? A) by time and stage: statuses Open, This week, Today, In progress, Done. B) by topic: a category per topic (ask which topics, or suggest three), with statuses To do, In progress, Done. C) by priority: statuses Urgent, Important, Can wait, Done.
   2. How should updates reach the dashboard? A) automatically: a recurring task that does this: a summary of today's and this week's tasks, what is overdue, and where to start. If so, how often (daily, weekly, monthly)? B) manually: an "Update now" button inside the dashboard that prepares the same request whenever you want.

Then build the dashboard in the folder: dashboard.html as ONE self-contained file that opens in my browser, with chattodash.json and chattodash-updates.js next to it:
- Views: a board whose columns are statuses. The starting statuses follow the style I pick, and a "+ Status" column at the end of the board adds a status in one click (a new status goes before Done; a status with no tasks can be deleted). Every task belongs to a category: category filter chips above the board, each with a count, a "+ Category" chip that adds one, and a category picker on every task card. Start with one category, "General", unless I pick the by-topic style. Also a table of all tasks, and a "This week" strip at the top with the tasks due each day, switchable between Full, Compact (a single line) and Hidden, remembering my choice.
- Each item has: title, category, status, priority (high / medium / low), due date, time estimate, notes.
- KPI tiles at the top: open tasks, due this week, done this week, work time left.
- Use my answers to set up the STRUCTURE only: names of boards, projects, regions, channels, tags, filters, labels and the default view. Never add items I did not enter.
- The style I pick only sets how the dashboard starts. I can switch it later in Settings without losing data.
- It STARTS EMPTY. Show a friendly empty state that tells me how to add the first item.
- I can add, edit and delete items. Everything is saved in the browser (localStorage), wrapped in try/catch so it never crashes.
- On load, check whether saving in the browser works. If it does not, show a clear banner at the top: "Saving is off in this browser. Open the file in Chrome or Edge to keep your data."
- A fixed shell, even when this is the only dashboard:
  - A fixed side menu on the start side: at the top the ChatToDash icon and the title "MY DASHBOARD". Under it a group labelled "General" with this dashboard as its only item (icon and name). Then a thin divider line, and at the bottom of the menu two items: "Dashboard gallery" and "Settings".
  - The main area shows the screen picked in the menu.
  - "Dashboard gallery" opens an internal screen (not an outside link): the headline "Your workspace can do more.", one short line of explanation, a few categories (Work & focus, Career & people, Knowledge & market, Content), and a button "Explore the dashboard gallery" that goes to GALLERY_URL. Keep GALLERY_URL as one constant at the top of the code, set to: '' (empty for now; while empty, hide the button)
  - The "Settings" screen: Appearance (theme: System / Light / Dark), Backup and restore (export and import of all data as a JSON file, explaining that the data stays in this browser only), and "Where your data lives" (each dashboard, marked "Saved locally").
  - On a phone the menu hides behind a menu button at the top and opens as a drawer.
  - Give this dashboard a stable id ("tasks") and keep its saved data under keys that start with that id, so more dashboards can join the same menu later without touching this one's data.
- Sync between the AI and the dashboard, through the folder:
  - chattodash-updates.js in the folder sets window.CHATTODASH_UPDATES to a list of updates. Each one: {"dashboard": "tasks", "id": "<unique update id>", "add": [new items], "update": [existing items with their id]}. The dashboard loads the file with a script tag (it may not exist), applies every update not applied yet by item id, with no duplicates, and shows a short note of what changed.
  - Whenever I later ask you for something that changes the dashboard's data, write it straight into chattodash-updates.js, and it lands the next time I open the dashboard. That includes the middle of a conversation about something else: when I say, for example, "add this to the dashboard", add what came up in the conversation as items.
  - Whenever I ask to change the view or add something to the dashboard itself (a column, a filter, a field, a screen, another view), edit dashboard.html in the folder directly. Keep all the data and the same storage keys, do not break what already works, and tell me in one line what changed.
  - In Settings, "Sync": a "Copy state" button that copies a short JSON of everything in the dashboard, with the id "tasks", so I can show you what is in it, and a "Paste an update" box as a backup, in case an update comes from another tool.
- Automation, by my answer: if I chose automatic, set up a recurring task in your tool now (for example a scheduled task in Claude Code or Claude Desktop, or an automation in Codex), as often as I chose, that does the work and writes the result to chattodash-updates.js. Also give me the exact text of that task, so I can change it or set it up again. If your tool cannot schedule tasks, say so plainly and use the manual option. If I chose manual: an "Update now" button at the top of the dashboard that copies a ready request for me to paste to you, and you write the result to chattodash-updates.js.
- The whole interface is in English.
- Show every date in a readable format (for example "20 Oct"), never as 2026-10-20.
- Light and dark mode with a toggle.
- Browser tab icon: embed this ChatToDash icon as a data URI favicon, exactly as given: <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><rect width="32" height="32" rx="7" fill="#fff"/><g fill="none" stroke-width="2.6" stroke-linejoin="round"><rect x="5" y="5" width="15" height="15" rx="2.5" stroke="#0f172a"/><rect x="12" y="12" width="15" height="15" rx="2.5" stroke="#0284c7"/></g></svg>
- Design: clean and calm, in greys. Light grey page (#f6f7f9), white cards with a 1px border (#e6e9ef) and 14px corners, near-black navy text (#0f172a). Primary buttons and selected filters in dark navy (#0f172a) with white text. The selected menu item on a light grey background (#f1f3f7) with dark text, never light blue. Blue (#3b6fe0, #7ba3f5 in dark mode) only for small details: links, today on the calendar, charts and the focus ring. Dark mode: page #0c1119, cards #131a25. Heebo for headings and Assistant for text (Google Fonts), plenty of spacing. No emojis, no gradients.
- On a phone (under 640px wide): KPI tiles two per row, boards stack their columns one under another, tables turn into one card per row with a label next to each value, and a month calendar turns into a list of events by date. Nothing may be wider than the screen.

When it is ready, tell me the full path of dashboard.html, open it in my browser if you can, and explain in three short lines how to add my first item. Talk to me in English throughout.

The AI will talk to you in English and build the dashboard in English.

Already installed one? The AI finds the ChatToDash folder on your computer and asks whether to add to it, so all your dashboards share one menu.

More details→

Website Analytics: All previews show sample data only.

נתוני אתרים

Website Analytics

Traffic, sources and trends for your websites, in one picture.

Build prompt

Website Analytics

Copy the prompt.
Open Claude Code, Codex or a desktop AI app that works with folders, and paste it.
Answer a few short questions and get your own dashboard, empty and ready to fill.

Dashboard language

You are setting up my personal "Website Analytics" dashboard from ChatToDash, a library of ready-to-build dashboards.

What it is for: Traffic, sources and trends for your websites, in one picture.

This prompt is for an AI tool that works with files on my computer (for example Claude Code, Codex, or a desktop AI app with folder access). ChatToDash always lives in one folder: Documents/ChatToDash, holding dashboard.html (the dashboard), chattodash.json (the list of installed dashboards) and chattodash-updates.js (updates).

Before anything else:
1. Look for the ChatToDash folder: first in my Documents folder, then in my home folder.
2. If you find it, tell me which dashboards are already installed (from chattodash.json), and ask: add this dashboard to the existing one, or create a separate new one?
   - Add to the existing one: add it as a new item under "General" in the side menu of dashboard.html, and reuse the shell, the Settings screen and the gallery screen that already exist. Never create a second menu. Do not touch the existing dashboards or their data, and keep exactly the same storage keys. The new dashboard's data goes under keys that start with "site-analytics". If this dashboard is already installed, ask whether to update it or leave it. Update chattodash.json, add the dashboard to "Where your data lives" and to the sync, and from the instructions below build only the dashboard itself, not what already exists.
   - Create a new one: make another folder next to it (ChatToDash-2, and so on) and build everything there from scratch.
3. If there is no such folder, create Documents/ChatToDash and build everything there.
4. If you cannot access files on my computer, say so plainly: this prompt needs a tool that works with folders.

Then ask me these questions one message at a time, and wait for my answers:
   1. What do you want to see first? A) growth over time. B) which pages and searches bring people. C) several sites side by side.
   2. Will you type the numbers in, or import a CSV export from Google Search Console?
   3. How should updates reach the dashboard? A) automatically: a recurring task that does this: the latest site numbers land in the dashboard, with a short note on what changed and why. If so, how often (daily, weekly, monthly)? B) manually: an "Update now" button inside the dashboard that prepares the same request whenever you want.

Then build the dashboard in the folder: dashboard.html as ONE self-contained file that opens in my browser, with chattodash.json and chattodash-updates.js next to it:
- Views: a site switcher, a weekly clicks chart comparing this period with the previous one, a top pages table and a top searches table. Put first whatever the style I pick puts first.
- Each item has: site, week, clicks, impressions, average position, page, search query.
- KPI tiles at the top: clicks, impressions, click-through rate, average position, each with change versus the previous period.
- Use my answers to set up the STRUCTURE only: names of boards, projects, regions, channels, tags, filters, labels and the default view. Never add items I did not enter.
- The style I pick only sets how the dashboard starts. I can switch it later in Settings without losing data.
- It STARTS EMPTY. Show a friendly empty state that tells me how to add the first item.
- I can add, edit and delete items. Everything is saved in the browser (localStorage), wrapped in try/catch so it never crashes.
- On load, check whether saving in the browser works. If it does not, show a clear banner at the top: "Saving is off in this browser. Open the file in Chrome or Edge to keep your data."
- A fixed shell, even when this is the only dashboard:
  - A fixed side menu on the start side: at the top the ChatToDash icon and the title "MY DASHBOARD". Under it a group labelled "General" with this dashboard as its only item (icon and name). Then a thin divider line, and at the bottom of the menu two items: "Dashboard gallery" and "Settings".
  - The main area shows the screen picked in the menu.
  - "Dashboard gallery" opens an internal screen (not an outside link): the headline "Your workspace can do more.", one short line of explanation, a few categories (Work & focus, Career & people, Knowledge & market, Content), and a button "Explore the dashboard gallery" that goes to GALLERY_URL. Keep GALLERY_URL as one constant at the top of the code, set to: '' (empty for now; while empty, hide the button)
  - The "Settings" screen: Appearance (theme: System / Light / Dark), Backup and restore (export and import of all data as a JSON file, explaining that the data stays in this browser only), and "Where your data lives" (each dashboard, marked "Saved locally").
  - On a phone the menu hides behind a menu button at the top and opens as a drawer.
  - Give this dashboard a stable id ("site-analytics") and keep its saved data under keys that start with that id, so more dashboards can join the same menu later without touching this one's data.
- Sync between the AI and the dashboard, through the folder:
  - chattodash-updates.js in the folder sets window.CHATTODASH_UPDATES to a list of updates. Each one: {"dashboard": "site-analytics", "id": "<unique update id>", "add": [new items], "update": [existing items with their id]}. The dashboard loads the file with a script tag (it may not exist), applies every update not applied yet by item id, with no duplicates, and shows a short note of what changed.
  - Whenever I later ask you for something that changes the dashboard's data, write it straight into chattodash-updates.js, and it lands the next time I open the dashboard. That includes the middle of a conversation about something else: when I say, for example, "add this to the dashboard", add what came up in the conversation as items.
  - Whenever I ask to change the view or add something to the dashboard itself (a column, a filter, a field, a screen, another view), edit dashboard.html in the folder directly. Keep all the data and the same storage keys, do not break what already works, and tell me in one line what changed.
  - In Settings, "Sync": a "Copy state" button that copies a short JSON of everything in the dashboard, with the id "site-analytics", so I can show you what is in it, and a "Paste an update" box as a backup, in case an update comes from another tool.
- Automation, by my answer: if I chose automatic, set up a recurring task in your tool now (for example a scheduled task in Claude Code or Claude Desktop, or an automation in Codex), as often as I chose, that does the work and writes the result to chattodash-updates.js. Also give me the exact text of that task, so I can change it or set it up again. If your tool cannot schedule tasks, say so plainly and use the manual option. If I chose manual: an "Update now" button at the top of the dashboard that copies a ready request for me to paste to you, and you write the result to chattodash-updates.js.
- The whole interface is in English.
- Show every date in a readable format (for example "20 Oct"), never as 2026-10-20.
- Light and dark mode with a toggle.
- Browser tab icon: embed this ChatToDash icon as a data URI favicon, exactly as given: <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><rect width="32" height="32" rx="7" fill="#fff"/><g fill="none" stroke-width="2.6" stroke-linejoin="round"><rect x="5" y="5" width="15" height="15" rx="2.5" stroke="#0f172a"/><rect x="12" y="12" width="15" height="15" rx="2.5" stroke="#0284c7"/></g></svg>
- Design: clean and calm, in greys. Light grey page (#f6f7f9), white cards with a 1px border (#e6e9ef) and 14px corners, near-black navy text (#0f172a). Primary buttons and selected filters in dark navy (#0f172a) with white text. The selected menu item on a light grey background (#f1f3f7) with dark text, never light blue. Blue (#3b6fe0, #7ba3f5 in dark mode) only for small details: links, today on the calendar, charts and the focus ring. Dark mode: page #0c1119, cards #131a25. Heebo for headings and Assistant for text (Google Fonts), plenty of spacing. No emojis, no gradients.
- On a phone (under 640px wide): KPI tiles two per row, boards stack their columns one under another, tables turn into one card per row with a label next to each value, and a month calendar turns into a list of events by date. Nothing may be wider than the screen.

When it is ready, tell me the full path of dashboard.html, open it in my browser if you can, and explain in three short lines how to add my first item. Talk to me in English throughout.

The AI will talk to you in English and build the dashboard in English.

Already installed one? The AI finds the ChatToDash folder on your computer and asks whether to add to it, so all your dashboards share one menu.

More details→

Conference Calendar: All previews show sample data only.

יומן כנסים

Conference Calendar

Conferences, meetups and workshops in your field, on one calendar.

Build prompt

Conference Calendar

Copy the prompt.
Open Claude Code, Codex or a desktop AI app that works with folders, and paste it.
Answer a few short questions and get your own dashboard, empty and ready to fill.

Dashboard language

You are setting up my personal "Conference Calendar" dashboard from ChatToDash, a library of ready-to-build dashboards.

What it is for: Conferences, meetups and workshops in your field, on one calendar.

This prompt is for an AI tool that works with files on my computer (for example Claude Code, Codex, or a desktop AI app with folder access). ChatToDash always lives in one folder: Documents/ChatToDash, holding dashboard.html (the dashboard), chattodash.json (the list of installed dashboards) and chattodash-updates.js (updates).

Before anything else:
1. Look for the ChatToDash folder: first in my Documents folder, then in my home folder.
2. If you find it, tell me which dashboards are already installed (from chattodash.json), and ask: add this dashboard to the existing one, or create a separate new one?
   - Add to the existing one: add it as a new item under "General" in the side menu of dashboard.html, and reuse the shell, the Settings screen and the gallery screen that already exist. Never create a second menu. Do not touch the existing dashboards or their data, and keep exactly the same storage keys. The new dashboard's data goes under keys that start with "conferences". If this dashboard is already installed, ask whether to update it or leave it. Update chattodash.json, add the dashboard to "Where your data lives" and to the sync, and from the instructions below build only the dashboard itself, not what already exists.
   - Create a new one: make another folder next to it (ChatToDash-2, and so on) and build everything there from scratch.
3. If there is no such folder, create Documents/ChatToDash and build everything there.
4. If you cannot access files on my computer, say so plainly: this prompt needs a tool that works with folders.

Then ask me these questions one message at a time, and wait for my answers:
   1. Which fields or topics interest you? Which one is the main one?
   2. Which regions matter to you: your country, the world, online?
   3. How should updates reach the dashboard? A) automatically: a recurring task that does this: a search for new events in your fields and regions, added to the calendar on their own. If so, how often (daily, weekly, monthly)? B) manually: an "Update now" button inside the dashboard that prepares the same request whenever you want.

Then build the dashboard in the folder: dashboard.html as ONE self-contained file that opens in my browser, with chattodash.json and chattodash-updates.js next to it:
- Views: it opens straight on a month calendar of the current month, with previous / today / next buttons and today highlighted, and a Calendar / Table toggle. Above the calendar: a highlighted "Next up" bar with the nearest event, and a filter card with a checkbox per region I named (each with its own colour and a count), "Only <my main topic>", "Only starred", "Include past events", and a search box by name, city or topic. A star on each event marks "interested". Under the title: "Last updated: <date>".
- Each item has: name, start date, end date, city or online, region, topic, official link, status (interested / going / attended), notes after the event, people met.
- KPI tiles at the top: upcoming events, then one tile per region I named with its count.
- Right after my answers and BEFORE you build, search the web for real conferences, meetups and workshops in my topics and regions for the next three months. Check each one on its official site: real name, dates, city or online, link. Put only those in the dashboard, already filled in, and set "Last updated" to today. Anything you could not fully confirm gets a small "to verify" tag. Never invent an event. If you cannot search the web, tell me so and build it empty.
- A "Find more events" button that builds a search prompt from my topics and regions for the next three months, asks the AI to check each event on an official site and to return one event per line as "Name | Date (YYYY-MM-DD) | City or Online | Region | Topic | Link", and offers a box to paste those lines back into the calendar.
- Use my answers to set up the STRUCTURE only: names of boards, projects, regions, channels, tags, filters, labels and the default view. Beyond the real events you found and checked, never add items I did not enter.
- The style I pick only sets how the dashboard starts. I can switch it later in Settings without losing data.
- It starts with the real events you found. If nothing was found, show a friendly empty state that explains how to add an event.
- I can add, edit and delete items. Everything is saved in the browser (localStorage), wrapped in try/catch so it never crashes.
- On load, check whether saving in the browser works. If it does not, show a clear banner at the top: "Saving is off in this browser. Open the file in Chrome or Edge to keep your data."
- A fixed shell, even when this is the only dashboard:
  - A fixed side menu on the start side: at the top the ChatToDash icon and the title "MY DASHBOARD". Under it a group labelled "General" with this dashboard as its only item (icon and name). Then a thin divider line, and at the bottom of the menu two items: "Dashboard gallery" and "Settings".
  - The main area shows the screen picked in the menu.
  - "Dashboard gallery" opens an internal screen (not an outside link): the headline "Your workspace can do more.", one short line of explanation, a few categories (Work & focus, Career & people, Knowledge & market, Content), and a button "Explore the dashboard gallery" that goes to GALLERY_URL. Keep GALLERY_URL as one constant at the top of the code, set to: '' (empty for now; while empty, hide the button)
  - The "Settings" screen: Appearance (theme: System / Light / Dark), Backup and restore (export and import of all data as a JSON file, explaining that the data stays in this browser only), and "Where your data lives" (each dashboard, marked "Saved locally").
  - On a phone the menu hides behind a menu button at the top and opens as a drawer.
  - Give this dashboard a stable id ("conferences") and keep its saved data under keys that start with that id, so more dashboards can join the same menu later without touching this one's data.
- Sync between the AI and the dashboard, through the folder:
  - chattodash-updates.js in the folder sets window.CHATTODASH_UPDATES to a list of updates. Each one: {"dashboard": "conferences", "id": "<unique update id>", "add": [new items], "update": [existing items with their id]}. The dashboard loads the file with a script tag (it may not exist), applies every update not applied yet by item id, with no duplicates, and shows a short note of what changed.
  - Whenever I later ask you for something that changes the dashboard's data, write it straight into chattodash-updates.js, and it lands the next time I open the dashboard. That includes the middle of a conversation about something else: when I say, for example, "add this to the dashboard", add what came up in the conversation as items.
  - Whenever I ask to change the view or add something to the dashboard itself (a column, a filter, a field, a screen, another view), edit dashboard.html in the folder directly. Keep all the data and the same storage keys, do not break what already works, and tell me in one line what changed.
  - In Settings, "Sync": a "Copy state" button that copies a short JSON of everything in the dashboard, with the id "conferences", so I can show you what is in it, and a "Paste an update" box as a backup, in case an update comes from another tool.
- Automation, by my answer: if I chose automatic, set up a recurring task in your tool now (for example a scheduled task in Claude Code or Claude Desktop, or an automation in Codex), as often as I chose, that does the work and writes the result to chattodash-updates.js. Also give me the exact text of that task, so I can change it or set it up again. If your tool cannot schedule tasks, say so plainly and use the manual option. If I chose manual: an "Update now" button at the top of the dashboard that copies a ready request for me to paste to you, and you write the result to chattodash-updates.js.
- The whole interface is in English.
- Show every date in a readable format (for example "20 Oct"), never as 2026-10-20.
- Light and dark mode with a toggle.
- Browser tab icon: embed this ChatToDash icon as a data URI favicon, exactly as given: <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><rect width="32" height="32" rx="7" fill="#fff"/><g fill="none" stroke-width="2.6" stroke-linejoin="round"><rect x="5" y="5" width="15" height="15" rx="2.5" stroke="#0f172a"/><rect x="12" y="12" width="15" height="15" rx="2.5" stroke="#0284c7"/></g></svg>
- Design: clean and calm, in greys. Light grey page (#f6f7f9), white cards with a 1px border (#e6e9ef) and 14px corners, near-black navy text (#0f172a). Primary buttons and selected filters in dark navy (#0f172a) with white text. The selected menu item on a light grey background (#f1f3f7) with dark text, never light blue. Blue (#3b6fe0, #7ba3f5 in dark mode) only for small details: links, today on the calendar, charts and the focus ring. Dark mode: page #0c1119, cards #131a25. Heebo for headings and Assistant for text (Google Fonts), plenty of spacing. No emojis, no gradients.
- On a phone (under 640px wide): KPI tiles two per row, boards stack their columns one under another, tables turn into one card per row with a label next to each value, and a month calendar turns into a list of events by date. Nothing may be wider than the screen.

When it is ready, tell me the full path of dashboard.html, open it in my browser if you can, and explain in three short lines how to add my first item. Talk to me in English throughout.

The AI will talk to you in English and build the dashboard in English.

Already installed one? The AI finds the ChatToDash folder on your computer and asks whether to add to it, so all your dashboards share one menu.

More details→

Job Board: All previews show sample data only.

לוח משרות

Job Board

Relevant jobs in one place, with a tailored CV and cover letter for each one.

Build prompt

Job Board

Copy the prompt.
Open Claude Code, Codex or a desktop AI app that works with folders, and paste it.
Answer a few short questions and get your own dashboard, empty and ready to fill.

Dashboard language

You are setting up my personal "Job Board" dashboard from ChatToDash, a library of ready-to-build dashboards.

What it is for: Relevant jobs in one place, with a tailored CV and cover letter for each one.

This prompt is for an AI tool that works with files on my computer (for example Claude Code, Codex, or a desktop AI app with folder access). ChatToDash always lives in one folder: Documents/ChatToDash, holding dashboard.html (the dashboard), chattodash.json (the list of installed dashboards) and chattodash-updates.js (updates).

Before anything else:
1. Look for the ChatToDash folder: first in my Documents folder, then in my home folder.
2. If you find it, tell me which dashboards are already installed (from chattodash.json), and ask: add this dashboard to the existing one, or create a separate new one?
   - Add to the existing one: add it as a new item under "General" in the side menu of dashboard.html, and reuse the shell, the Settings screen and the gallery screen that already exist. Never create a second menu. Do not touch the existing dashboards or their data, and keep exactly the same storage keys. The new dashboard's data goes under keys that start with "jobs". If this dashboard is already installed, ask whether to update it or leave it. Update chattodash.json, add the dashboard to "Where your data lives" and to the sync, and from the instructions below build only the dashboard itself, not what already exists.
   - Create a new one: make another folder next to it (ChatToDash-2, and so on) and build everything there from scratch.
3. If there is no such folder, create Documents/ChatToDash and build everything there.
4. If you cannot access files on my computer, say so plainly: this prompt needs a tool that works with folders.

Then ask me these questions one message at a time, and wait for my answers:
   1. How do you like to track your search? A) by application stage: Interested, Applied, Interview, Offer, Closed. B) by how much you want it: Dream job, Good fit, Maybe.
   2. Which roles and which area are you looking at? (This only fills the "Find new jobs" search, not the board.)
   3. How should updates reach the dashboard? A) automatically: a recurring task that does this: a search for new open jobs, with a fit score against your CV, added to the board on their own. If so, how often (daily, weekly, monthly)? B) manually: an "Update now" button inside the dashboard that prepares the same request whenever you want.

Then build the dashboard in the folder: dashboard.html as ONE self-contained file that opens in my browser, with chattodash.json and chattodash-updates.js next to it:
- Views: filter chips with counts that follow the style I pick, and a table of jobs where the stage can be changed inline. Clicking a job opens a window with four tabs: Job description, Fit, Tailored CV, Cover letter. The fit score in the table is itself a button that opens the Fit tab.
- Each item has: role, company, location, work mode (remote / hybrid / office), stage, full job description, fit score, why it fits (list), what is missing (list), tailored CV text, cover letter text, link, notes, last updated.
- KPI tiles at the top: active jobs, applications sent, interviewing, offers.
- A "My CV" button where I paste my CV once. Every fit score, tailored CV and cover letter builds on it.
- For the fit score, the tailored CV and the cover letter of a job: a button that builds a ready prompt (the job description plus my CV) and copies it, so I can paste it into my AI tool, and a box to paste the answer back and save it on that job.
- Instead of a reset button, a "Find new jobs" button: it builds a search prompt from my target roles and area, asks the AI to check each job is still open and to return one job per line as "Role | Company | Location | Link", and offers a box to paste those lines back so they join the board as Interested.
- Use my answers to set up the STRUCTURE only: names of boards, projects, regions, channels, tags, filters, labels and the default view. Never add items I did not enter.
- The style I pick only sets how the dashboard starts. I can switch it later in Settings without losing data.
- It STARTS EMPTY. Show a friendly empty state that tells me how to add the first item.
- I can add, edit and delete items. Everything is saved in the browser (localStorage), wrapped in try/catch so it never crashes.
- On load, check whether saving in the browser works. If it does not, show a clear banner at the top: "Saving is off in this browser. Open the file in Chrome or Edge to keep your data."
- A fixed shell, even when this is the only dashboard:
  - A fixed side menu on the start side: at the top the ChatToDash icon and the title "MY DASHBOARD". Under it a group labelled "General" with this dashboard as its only item (icon and name). Then a thin divider line, and at the bottom of the menu two items: "Dashboard gallery" and "Settings".
  - The main area shows the screen picked in the menu.
  - "Dashboard gallery" opens an internal screen (not an outside link): the headline "Your workspace can do more.", one short line of explanation, a few categories (Work & focus, Career & people, Knowledge & market, Content), and a button "Explore the dashboard gallery" that goes to GALLERY_URL. Keep GALLERY_URL as one constant at the top of the code, set to: '' (empty for now; while empty, hide the button)
  - The "Settings" screen: Appearance (theme: System / Light / Dark), Backup and restore (export and import of all data as a JSON file, explaining that the data stays in this browser only), and "Where your data lives" (each dashboard, marked "Saved locally").
  - On a phone the menu hides behind a menu button at the top and opens as a drawer.
  - Give this dashboard a stable id ("jobs") and keep its saved data under keys that start with that id, so more dashboards can join the same menu later without touching this one's data.
- Sync between the AI and the dashboard, through the folder:
  - chattodash-updates.js in the folder sets window.CHATTODASH_UPDATES to a list of updates. Each one: {"dashboard": "jobs", "id": "<unique update id>", "add": [new items], "update": [existing items with their id]}. The dashboard loads the file with a script tag (it may not exist), applies every update not applied yet by item id, with no duplicates, and shows a short note of what changed.
  - Whenever I later ask you for something that changes the dashboard's data, write it straight into chattodash-updates.js, and it lands the next time I open the dashboard. That includes the middle of a conversation about something else: when I say, for example, "add this to the dashboard", add what came up in the conversation as items.
  - Whenever I ask to change the view or add something to the dashboard itself (a column, a filter, a field, a screen, another view), edit dashboard.html in the folder directly. Keep all the data and the same storage keys, do not break what already works, and tell me in one line what changed.
  - In Settings, "Sync": a "Copy state" button that copies a short JSON of everything in the dashboard, with the id "jobs", so I can show you what is in it, and a "Paste an update" box as a backup, in case an update comes from another tool.
- Automation, by my answer: if I chose automatic, set up a recurring task in your tool now (for example a scheduled task in Claude Code or Claude Desktop, or an automation in Codex), as often as I chose, that does the work and writes the result to chattodash-updates.js. Also give me the exact text of that task, so I can change it or set it up again. If your tool cannot schedule tasks, say so plainly and use the manual option. If I chose manual: an "Update now" button at the top of the dashboard that copies a ready request for me to paste to you, and you write the result to chattodash-updates.js.
- The whole interface is in English.
- Show every date in a readable format (for example "20 Oct"), never as 2026-10-20.
- Light and dark mode with a toggle.
- Browser tab icon: embed this ChatToDash icon as a data URI favicon, exactly as given: <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><rect width="32" height="32" rx="7" fill="#fff"/><g fill="none" stroke-width="2.6" stroke-linejoin="round"><rect x="5" y="5" width="15" height="15" rx="2.5" stroke="#0f172a"/><rect x="12" y="12" width="15" height="15" rx="2.5" stroke="#0284c7"/></g></svg>
- Design: clean and calm, in greys. Light grey page (#f6f7f9), white cards with a 1px border (#e6e9ef) and 14px corners, near-black navy text (#0f172a). Primary buttons and selected filters in dark navy (#0f172a) with white text. The selected menu item on a light grey background (#f1f3f7) with dark text, never light blue. Blue (#3b6fe0, #7ba3f5 in dark mode) only for small details: links, today on the calendar, charts and the focus ring. Dark mode: page #0c1119, cards #131a25. Heebo for headings and Assistant for text (Google Fonts), plenty of spacing. No emojis, no gradients.
- On a phone (under 640px wide): KPI tiles two per row, boards stack their columns one under another, tables turn into one card per row with a label next to each value, and a month calendar turns into a list of events by date. Nothing may be wider than the screen.

When it is ready, tell me the full path of dashboard.html, open it in my browser if you can, and explain in three short lines how to add my first item. Talk to me in English throughout.

The AI will talk to you in English and build the dashboard in English.

Already installed one? The AI finds the ChatToDash folder on your computer and asks whether to add to it, so all your dashboards share one menu.

More details→

Personal CRM: All previews show sample data only.

Coming soon

ניהול קשרים אישיים

Personal CRM

Who you met, what you agreed, and who to reconnect with. Relationships, not sales data.

Build prompt

Personal CRM

Copy the prompt.
Open Claude Code, Codex or a desktop AI app that works with folders, and paste it.
Answer a few short questions and get your own dashboard, empty and ready to fill.

Dashboard language

You are setting up my personal "Personal CRM" dashboard from ChatToDash, a library of ready-to-build dashboards.

What it is for: Who you met, what you agreed, and who to reconnect with. Relationships, not sales data.

This prompt is for an AI tool that works with files on my computer (for example Claude Code, Codex, or a desktop AI app with folder access). ChatToDash always lives in one folder: Documents/ChatToDash, holding dashboard.html (the dashboard), chattodash.json (the list of installed dashboards) and chattodash-updates.js (updates).

Before anything else:
1. Look for the ChatToDash folder: first in my Documents folder, then in my home folder.
2. If you find it, tell me which dashboards are already installed (from chattodash.json), and ask: add this dashboard to the existing one, or create a separate new one?
   - Add to the existing one: add it as a new item under "General" in the side menu of dashboard.html, and reuse the shell, the Settings screen and the gallery screen that already exist. Never create a second menu. Do not touch the existing dashboards or their data, and keep exactly the same storage keys. The new dashboard's data goes under keys that start with "personal-crm". If this dashboard is already installed, ask whether to update it or leave it. Update chattodash.json, add the dashboard to "Where your data lives" and to the sync, and from the instructions below build only the dashboard itself, not what already exists.
   - Create a new one: make another folder next to it (ChatToDash-2, and so on) and build everything there from scratch.
3. If there is no such folder, create Documents/ChatToDash and build everything there.
4. If you cannot access files on my computer, say so plainly: this prompt needs a tool that works with folders.

Then ask me these questions one message at a time, and wait for my answers:
   1. How do you like to organize people? A) by group: work, community, friends. B) by how often to stay in touch: monthly, quarterly, yearly. C) by what is open with them: follow-up needed, waiting, done.
   2. How should updates reach the dashboard? A) automatically: a recurring task that does this: who to reconnect with and which follow-ups are waiting, with a draft message ready. If so, how often (daily, weekly, monthly)? B) manually: an "Update now" button inside the dashboard that prepares the same request whenever you want.

Then build the dashboard in the folder: dashboard.html as ONE self-contained file that opens in my browser, with chattodash.json and chattodash-updates.js next to it:
- Views: contact cards with initials, a "worth reconnecting" badge when it is time to get back in touch, filters that follow the style I pick, and a follow-ups list on the side.
- Each item has: name, organization, role, group, how often to stay in touch, last met date, meeting notes, next step, follow-ups with due dates.
- KPI tiles at the top: contacts, met this month, worth reconnecting, open follow-ups.
- Use my answers to set up the STRUCTURE only: names of boards, projects, regions, channels, tags, filters, labels and the default view. Never add items I did not enter.
- The style I pick only sets how the dashboard starts. I can switch it later in Settings without losing data.
- It STARTS EMPTY. Show a friendly empty state that tells me how to add the first item.
- I can add, edit and delete items. Everything is saved in the browser (localStorage), wrapped in try/catch so it never crashes.
- On load, check whether saving in the browser works. If it does not, show a clear banner at the top: "Saving is off in this browser. Open the file in Chrome or Edge to keep your data."
- A fixed shell, even when this is the only dashboard:
  - A fixed side menu on the start side: at the top the ChatToDash icon and the title "MY DASHBOARD". Under it a group labelled "General" with this dashboard as its only item (icon and name). Then a thin divider line, and at the bottom of the menu two items: "Dashboard gallery" and "Settings".
  - The main area shows the screen picked in the menu.
  - "Dashboard gallery" opens an internal screen (not an outside link): the headline "Your workspace can do more.", one short line of explanation, a few categories (Work & focus, Career & people, Knowledge & market, Content), and a button "Explore the dashboard gallery" that goes to GALLERY_URL. Keep GALLERY_URL as one constant at the top of the code, set to: '' (empty for now; while empty, hide the button)
  - The "Settings" screen: Appearance (theme: System / Light / Dark), Backup and restore (export and import of all data as a JSON file, explaining that the data stays in this browser only), and "Where your data lives" (each dashboard, marked "Saved locally").
  - On a phone the menu hides behind a menu button at the top and opens as a drawer.
  - Give this dashboard a stable id ("personal-crm") and keep its saved data under keys that start with that id, so more dashboards can join the same menu later without touching this one's data.
- Sync between the AI and the dashboard, through the folder:
  - chattodash-updates.js in the folder sets window.CHATTODASH_UPDATES to a list of updates. Each one: {"dashboard": "personal-crm", "id": "<unique update id>", "add": [new items], "update": [existing items with their id]}. The dashboard loads the file with a script tag (it may not exist), applies every update not applied yet by item id, with no duplicates, and shows a short note of what changed.
  - Whenever I later ask you for something that changes the dashboard's data, write it straight into chattodash-updates.js, and it lands the next time I open the dashboard. That includes the middle of a conversation about something else: when I say, for example, "add this to the dashboard", add what came up in the conversation as items.
  - Whenever I ask to change the view or add something to the dashboard itself (a column, a filter, a field, a screen, another view), edit dashboard.html in the folder directly. Keep all the data and the same storage keys, do not break what already works, and tell me in one line what changed.
  - In Settings, "Sync": a "Copy state" button that copies a short JSON of everything in the dashboard, with the id "personal-crm", so I can show you what is in it, and a "Paste an update" box as a backup, in case an update comes from another tool.
- Automation, by my answer: if I chose automatic, set up a recurring task in your tool now (for example a scheduled task in Claude Code or Claude Desktop, or an automation in Codex), as often as I chose, that does the work and writes the result to chattodash-updates.js. Also give me the exact text of that task, so I can change it or set it up again. If your tool cannot schedule tasks, say so plainly and use the manual option. If I chose manual: an "Update now" button at the top of the dashboard that copies a ready request for me to paste to you, and you write the result to chattodash-updates.js.
- The whole interface is in English.
- Show every date in a readable format (for example "20 Oct"), never as 2026-10-20.
- Light and dark mode with a toggle.
- Browser tab icon: embed this ChatToDash icon as a data URI favicon, exactly as given: <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><rect width="32" height="32" rx="7" fill="#fff"/><g fill="none" stroke-width="2.6" stroke-linejoin="round"><rect x="5" y="5" width="15" height="15" rx="2.5" stroke="#0f172a"/><rect x="12" y="12" width="15" height="15" rx="2.5" stroke="#0284c7"/></g></svg>
- Design: clean and calm, in greys. Light grey page (#f6f7f9), white cards with a 1px border (#e6e9ef) and 14px corners, near-black navy text (#0f172a). Primary buttons and selected filters in dark navy (#0f172a) with white text. The selected menu item on a light grey background (#f1f3f7) with dark text, never light blue. Blue (#3b6fe0, #7ba3f5 in dark mode) only for small details: links, today on the calendar, charts and the focus ring. Dark mode: page #0c1119, cards #131a25. Heebo for headings and Assistant for text (Google Fonts), plenty of spacing. No emojis, no gradients.
- On a phone (under 640px wide): KPI tiles two per row, boards stack their columns one under another, tables turn into one card per row with a label next to each value, and a month calendar turns into a list of events by date. Nothing may be wider than the screen.

When it is ready, tell me the full path of dashboard.html, open it in my browser if you can, and explain in three short lines how to add my first item. Talk to me in English throughout.

The AI will talk to you in English and build the dashboard in English.

Already installed one? The AI finds the ChatToDash folder on your computer and asks whether to add to it, so all your dashboards share one menu.

More details→

Goal Tracker: All previews show sample data only.

Coming soon

מטרות ויעדים

Goal Tracker

Yearly, quarterly and monthly goals, and what is really moving.

Build prompt

Goal Tracker

Copy the prompt.
Open Claude Code, Codex or a desktop AI app that works with folders, and paste it.
Answer a few short questions and get your own dashboard, empty and ready to fill.

Dashboard language

You are setting up my personal "Goal Tracker" dashboard from ChatToDash, a library of ready-to-build dashboards.

What it is for: Yearly, quarterly and monthly goals, and what is really moving.

This prompt is for an AI tool that works with files on my computer (for example Claude Code, Codex, or a desktop AI app with folder access). ChatToDash always lives in one folder: Documents/ChatToDash, holding dashboard.html (the dashboard), chattodash.json (the list of installed dashboards) and chattodash-updates.js (updates).

Before anything else:
1. Look for the ChatToDash folder: first in my Documents folder, then in my home folder.
2. If you find it, tell me which dashboards are already installed (from chattodash.json), and ask: add this dashboard to the existing one, or create a separate new one?
   - Add to the existing one: add it as a new item under "General" in the side menu of dashboard.html, and reuse the shell, the Settings screen and the gallery screen that already exist. Never create a second menu. Do not touch the existing dashboards or their data, and keep exactly the same storage keys. The new dashboard's data goes under keys that start with "goals". If this dashboard is already installed, ask whether to update it or leave it. Update chattodash.json, add the dashboard to "Where your data lives" and to the sync, and from the instructions below build only the dashboard itself, not what already exists.
   - Create a new one: make another folder next to it (ChatToDash-2, and so on) and build everything there from scratch.
3. If there is no such folder, create Documents/ChatToDash and build everything there.
4. If you cannot access files on my computer, say so plainly: this prompt needs a tool that works with folders.

Then ask me these questions one message at a time, and wait for my answers:
   1. How do you like to plan goals? A) by period: year, quarter, month. B) by life area: work, health, learning and so on. C) as a short list of three focus goals.
   2. How should updates reach the dashboard? A) automatically: a recurring task that does this: a progress check for every goal, flagging any goal that is stuck. If so, how often (daily, weekly, monthly)? B) manually: an "Update now" button inside the dashboard that prepares the same request whenever you want.

Then build the dashboard in the folder: dashboard.html as ONE self-contained file that opens in my browser, with chattodash.json and chattodash-updates.js next to it:
- Views: a card per goal with a progress bar and checkable milestones, organized the way I pick, and a "where time went this week" panel per area.
- Each item has: goal, area, period, current value, target value, unit, status (on track / at risk / stuck), milestones, blockers.
- KPI tiles at the top: goals, on track, at risk, stuck.
- Use my answers to set up the STRUCTURE only: names of boards, projects, regions, channels, tags, filters, labels and the default view. Never add items I did not enter.
- The style I pick only sets how the dashboard starts. I can switch it later in Settings without losing data.
- It STARTS EMPTY. Show a friendly empty state that tells me how to add the first item.
- I can add, edit and delete items. Everything is saved in the browser (localStorage), wrapped in try/catch so it never crashes.
- On load, check whether saving in the browser works. If it does not, show a clear banner at the top: "Saving is off in this browser. Open the file in Chrome or Edge to keep your data."
- A fixed shell, even when this is the only dashboard:
  - A fixed side menu on the start side: at the top the ChatToDash icon and the title "MY DASHBOARD". Under it a group labelled "General" with this dashboard as its only item (icon and name). Then a thin divider line, and at the bottom of the menu two items: "Dashboard gallery" and "Settings".
  - The main area shows the screen picked in the menu.
  - "Dashboard gallery" opens an internal screen (not an outside link): the headline "Your workspace can do more.", one short line of explanation, a few categories (Work & focus, Career & people, Knowledge & market, Content), and a button "Explore the dashboard gallery" that goes to GALLERY_URL. Keep GALLERY_URL as one constant at the top of the code, set to: '' (empty for now; while empty, hide the button)
  - The "Settings" screen: Appearance (theme: System / Light / Dark), Backup and restore (export and import of all data as a JSON file, explaining that the data stays in this browser only), and "Where your data lives" (each dashboard, marked "Saved locally").
  - On a phone the menu hides behind a menu button at the top and opens as a drawer.
  - Give this dashboard a stable id ("goals") and keep its saved data under keys that start with that id, so more dashboards can join the same menu later without touching this one's data.
- Sync between the AI and the dashboard, through the folder:
  - chattodash-updates.js in the folder sets window.CHATTODASH_UPDATES to a list of updates. Each one: {"dashboard": "goals", "id": "<unique update id>", "add": [new items], "update": [existing items with their id]}. The dashboard loads the file with a script tag (it may not exist), applies every update not applied yet by item id, with no duplicates, and shows a short note of what changed.
  - Whenever I later ask you for something that changes the dashboard's data, write it straight into chattodash-updates.js, and it lands the next time I open the dashboard. That includes the middle of a conversation about something else: when I say, for example, "add this to the dashboard", add what came up in the conversation as items.
  - Whenever I ask to change the view or add something to the dashboard itself (a column, a filter, a field, a screen, another view), edit dashboard.html in the folder directly. Keep all the data and the same storage keys, do not break what already works, and tell me in one line what changed.
  - In Settings, "Sync": a "Copy state" button that copies a short JSON of everything in the dashboard, with the id "goals", so I can show you what is in it, and a "Paste an update" box as a backup, in case an update comes from another tool.
- Automation, by my answer: if I chose automatic, set up a recurring task in your tool now (for example a scheduled task in Claude Code or Claude Desktop, or an automation in Codex), as often as I chose, that does the work and writes the result to chattodash-updates.js. Also give me the exact text of that task, so I can change it or set it up again. If your tool cannot schedule tasks, say so plainly and use the manual option. If I chose manual: an "Update now" button at the top of the dashboard that copies a ready request for me to paste to you, and you write the result to chattodash-updates.js.
- The whole interface is in English.
- Show every date in a readable format (for example "20 Oct"), never as 2026-10-20.
- Light and dark mode with a toggle.
- Browser tab icon: embed this ChatToDash icon as a data URI favicon, exactly as given: <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><rect width="32" height="32" rx="7" fill="#fff"/><g fill="none" stroke-width="2.6" stroke-linejoin="round"><rect x="5" y="5" width="15" height="15" rx="2.5" stroke="#0f172a"/><rect x="12" y="12" width="15" height="15" rx="2.5" stroke="#0284c7"/></g></svg>
- Design: clean and calm, in greys. Light grey page (#f6f7f9), white cards with a 1px border (#e6e9ef) and 14px corners, near-black navy text (#0f172a). Primary buttons and selected filters in dark navy (#0f172a) with white text. The selected menu item on a light grey background (#f1f3f7) with dark text, never light blue. Blue (#3b6fe0, #7ba3f5 in dark mode) only for small details: links, today on the calendar, charts and the focus ring. Dark mode: page #0c1119, cards #131a25. Heebo for headings and Assistant for text (Google Fonts), plenty of spacing. No emojis, no gradients.
- On a phone (under 640px wide): KPI tiles two per row, boards stack their columns one under another, tables turn into one card per row with a label next to each value, and a month calendar turns into a list of events by date. Nothing may be wider than the screen.

When it is ready, tell me the full path of dashboard.html, open it in my browser if you can, and explain in three short lines how to add my first item. Talk to me in English throughout.

The AI will talk to you in English and build the dashboard in English.

Already installed one? The AI finds the ChatToDash folder on your computer and asks whether to add to it, so all your dashboards share one menu.

More details→

Research Hub: All previews show sample data only.

Coming soon

מרכז מחקר

Research Hub

Ongoing research, sources and findings, with a source link for every claim.

Build prompt

Research Hub

Copy the prompt.
Open Claude Code, Codex or a desktop AI app that works with folders, and paste it.
Answer a few short questions and get your own dashboard, empty and ready to fill.

Dashboard language

You are setting up my personal "Research Hub" dashboard from ChatToDash, a library of ready-to-build dashboards.

What it is for: Ongoing research, sources and findings, with a source link for every claim.

This prompt is for an AI tool that works with files on my computer (for example Claude Code, Codex, or a desktop AI app with folder access). ChatToDash always lives in one folder: Documents/ChatToDash, holding dashboard.html (the dashboard), chattodash.json (the list of installed dashboards) and chattodash-updates.js (updates).

Before anything else:
1. Look for the ChatToDash folder: first in my Documents folder, then in my home folder.
2. If you find it, tell me which dashboards are already installed (from chattodash.json), and ask: add this dashboard to the existing one, or create a separate new one?
   - Add to the existing one: add it as a new item under "General" in the side menu of dashboard.html, and reuse the shell, the Settings screen and the gallery screen that already exist. Never create a second menu. Do not touch the existing dashboards or their data, and keep exactly the same storage keys. The new dashboard's data goes under keys that start with "research". If this dashboard is already installed, ask whether to update it or leave it. Update chattodash.json, add the dashboard to "Where your data lives" and to the sync, and from the instructions below build only the dashboard itself, not what already exists.
   - Create a new one: make another folder next to it (ChatToDash-2, and so on) and build everything there from scratch.
3. If there is no such folder, create Documents/ChatToDash and build everything there.
4. If you cannot access files on my computer, say so plainly: this prompt needs a tool that works with folders.

Then ask me these questions one message at a time, and wait for my answers:
   1. How do you like to work on research? A) one study at a time, each with its question and findings. B) a knowledge base by topic, across all your studies.
   2. How should updates reach the dashboard? A) automatically: a recurring task that does this: a search for new sources on your open research questions, each with a link. If so, how often (daily, weekly, monthly)? B) manually: an "Update now" button inside the dashboard that prepares the same request whenever you want.

Then build the dashboard in the folder: dashboard.html as ONE self-contained file that opens in my browser, with chattodash.json and chattodash-updates.js next to it:
- Views: either a list of studies with the selected study's question, findings and open questions, or a knowledge base by topic across studies, depending on the style I pick.
- Each item has: study title, research question, topic, finding, finding type (established / hypothesis / interpretation), source name, source link, date, open questions.
- KPI tiles at the top: active studies, findings, established findings, open questions.
- Use my answers to set up the STRUCTURE only: names of boards, projects, regions, channels, tags, filters, labels and the default view. Never add items I did not enter.
- The style I pick only sets how the dashboard starts. I can switch it later in Settings without losing data.
- It STARTS EMPTY. Show a friendly empty state that tells me how to add the first item.
- I can add, edit and delete items. Everything is saved in the browser (localStorage), wrapped in try/catch so it never crashes.
- On load, check whether saving in the browser works. If it does not, show a clear banner at the top: "Saving is off in this browser. Open the file in Chrome or Edge to keep your data."
- A fixed shell, even when this is the only dashboard:
  - A fixed side menu on the start side: at the top the ChatToDash icon and the title "MY DASHBOARD". Under it a group labelled "General" with this dashboard as its only item (icon and name). Then a thin divider line, and at the bottom of the menu two items: "Dashboard gallery" and "Settings".
  - The main area shows the screen picked in the menu.
  - "Dashboard gallery" opens an internal screen (not an outside link): the headline "Your workspace can do more.", one short line of explanation, a few categories (Work & focus, Career & people, Knowledge & market, Content), and a button "Explore the dashboard gallery" that goes to GALLERY_URL. Keep GALLERY_URL as one constant at the top of the code, set to: '' (empty for now; while empty, hide the button)
  - The "Settings" screen: Appearance (theme: System / Light / Dark), Backup and restore (export and import of all data as a JSON file, explaining that the data stays in this browser only), and "Where your data lives" (each dashboard, marked "Saved locally").
  - On a phone the menu hides behind a menu button at the top and opens as a drawer.
  - Give this dashboard a stable id ("research") and keep its saved data under keys that start with that id, so more dashboards can join the same menu later without touching this one's data.
- Sync between the AI and the dashboard, through the folder:
  - chattodash-updates.js in the folder sets window.CHATTODASH_UPDATES to a list of updates. Each one: {"dashboard": "research", "id": "<unique update id>", "add": [new items], "update": [existing items with their id]}. The dashboard loads the file with a script tag (it may not exist), applies every update not applied yet by item id, with no duplicates, and shows a short note of what changed.
  - Whenever I later ask you for something that changes the dashboard's data, write it straight into chattodash-updates.js, and it lands the next time I open the dashboard. That includes the middle of a conversation about something else: when I say, for example, "add this to the dashboard", add what came up in the conversation as items.
  - Whenever I ask to change the view or add something to the dashboard itself (a column, a filter, a field, a screen, another view), edit dashboard.html in the folder directly. Keep all the data and the same storage keys, do not break what already works, and tell me in one line what changed.
  - In Settings, "Sync": a "Copy state" button that copies a short JSON of everything in the dashboard, with the id "research", so I can show you what is in it, and a "Paste an update" box as a backup, in case an update comes from another tool.
- Automation, by my answer: if I chose automatic, set up a recurring task in your tool now (for example a scheduled task in Claude Code or Claude Desktop, or an automation in Codex), as often as I chose, that does the work and writes the result to chattodash-updates.js. Also give me the exact text of that task, so I can change it or set it up again. If your tool cannot schedule tasks, say so plainly and use the manual option. If I chose manual: an "Update now" button at the top of the dashboard that copies a ready request for me to paste to you, and you write the result to chattodash-updates.js.
- The whole interface is in English.
- Show every date in a readable format (for example "20 Oct"), never as 2026-10-20.
- Light and dark mode with a toggle.
- Browser tab icon: embed this ChatToDash icon as a data URI favicon, exactly as given: <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><rect width="32" height="32" rx="7" fill="#fff"/><g fill="none" stroke-width="2.6" stroke-linejoin="round"><rect x="5" y="5" width="15" height="15" rx="2.5" stroke="#0f172a"/><rect x="12" y="12" width="15" height="15" rx="2.5" stroke="#0284c7"/></g></svg>
- Design: clean and calm, in greys. Light grey page (#f6f7f9), white cards with a 1px border (#e6e9ef) and 14px corners, near-black navy text (#0f172a). Primary buttons and selected filters in dark navy (#0f172a) with white text. The selected menu item on a light grey background (#f1f3f7) with dark text, never light blue. Blue (#3b6fe0, #7ba3f5 in dark mode) only for small details: links, today on the calendar, charts and the focus ring. Dark mode: page #0c1119, cards #131a25. Heebo for headings and Assistant for text (Google Fonts), plenty of spacing. No emojis, no gradients.
- On a phone (under 640px wide): KPI tiles two per row, boards stack their columns one under another, tables turn into one card per row with a label next to each value, and a month calendar turns into a list of events by date. Nothing may be wider than the screen.

When it is ready, tell me the full path of dashboard.html, open it in my browser if you can, and explain in three short lines how to add my first item. Talk to me in English throughout.

The AI will talk to you in English and build the dashboard in English.

Already installed one? The AI finds the ChatToDash folder on your computer and asks whether to add to it, so all your dashboards share one menu.

More details→

Competitor Radar: All previews show sample data only.

Coming soon

מעקב מתחרים

Competitor Radar

A competitive picture that stays current, instead of a one-off study that ages.

Build prompt

Competitor Radar

Copy the prompt.
Open Claude Code, Codex or a desktop AI app that works with folders, and paste it.
Answer a few short questions and get your own dashboard, empty and ready to fill.

Dashboard language

You are setting up my personal "Competitor Radar" dashboard from ChatToDash, a library of ready-to-build dashboards.

What it is for: A competitive picture that stays current, instead of a one-off study that ages.

This prompt is for an AI tool that works with files on my computer (for example Claude Code, Codex, or a desktop AI app with folder access). ChatToDash always lives in one folder: Documents/ChatToDash, holding dashboard.html (the dashboard), chattodash.json (the list of installed dashboards) and chattodash-updates.js (updates).

Before anything else:
1. Look for the ChatToDash folder: first in my Documents folder, then in my home folder.
2. If you find it, tell me which dashboards are already installed (from chattodash.json), and ask: add this dashboard to the existing one, or create a separate new one?
   - Add to the existing one: add it as a new item under "General" in the side menu of dashboard.html, and reuse the shell, the Settings screen and the gallery screen that already exist. Never create a second menu. Do not touch the existing dashboards or their data, and keep exactly the same storage keys. The new dashboard's data goes under keys that start with "competitor-radar". If this dashboard is already installed, ask whether to update it or leave it. Update chattodash.json, add the dashboard to "Where your data lives" and to the sync, and from the instructions below build only the dashboard itself, not what already exists.
   - Create a new one: make another folder next to it (ChatToDash-2, and so on) and build everything there from scratch.
3. If there is no such folder, create Documents/ChatToDash and build everything there.
4. If you cannot access files on my computer, say so plainly: this prompt needs a tool that works with folders.

Then ask me these questions one message at a time, and wait for my answers:
   1. How do you like to follow competitors? A) a comparison table first. B) a timeline of what changed first. C) a profile card per competitor.
   2. What matters most to compare: price, features, audience?
   3. How should updates reach the dashboard? A) automatically: a recurring task that does this: a check of what changed for your competitors, in sites, pricing and launches, with source and date. If so, how often (daily, weekly, monthly)? B) manually: an "Update now" button inside the dashboard that prepares the same request whenever you want.

Then build the dashboard in the folder: dashboard.html as ONE self-contained file that opens in my browser, with chattodash.json and chattodash-updates.js next to it:
- Views: a comparison table, a timeline of changes filterable by competitor, and a profile card per competitor, opening on the view I pick.
- Each item has: company, base price, plans, audience, AI features, change description, change date, confidence (verified / estimate / insight), source.
- KPI tiles at the top: competitors tracked, changes this month, price changes, share of verified items.
- Use my answers to set up the STRUCTURE only: names of boards, projects, regions, channels, tags, filters, labels and the default view. Never add items I did not enter.
- The style I pick only sets how the dashboard starts. I can switch it later in Settings without losing data.
- It STARTS EMPTY. Show a friendly empty state that tells me how to add the first item.
- I can add, edit and delete items. Everything is saved in the browser (localStorage), wrapped in try/catch so it never crashes.
- On load, check whether saving in the browser works. If it does not, show a clear banner at the top: "Saving is off in this browser. Open the file in Chrome or Edge to keep your data."
- A fixed shell, even when this is the only dashboard:
  - A fixed side menu on the start side: at the top the ChatToDash icon and the title "MY DASHBOARD". Under it a group labelled "General" with this dashboard as its only item (icon and name). Then a thin divider line, and at the bottom of the menu two items: "Dashboard gallery" and "Settings".
  - The main area shows the screen picked in the menu.
  - "Dashboard gallery" opens an internal screen (not an outside link): the headline "Your workspace can do more.", one short line of explanation, a few categories (Work & focus, Career & people, Knowledge & market, Content), and a button "Explore the dashboard gallery" that goes to GALLERY_URL. Keep GALLERY_URL as one constant at the top of the code, set to: '' (empty for now; while empty, hide the button)
  - The "Settings" screen: Appearance (theme: System / Light / Dark), Backup and restore (export and import of all data as a JSON file, explaining that the data stays in this browser only), and "Where your data lives" (each dashboard, marked "Saved locally").
  - On a phone the menu hides behind a menu button at the top and opens as a drawer.
  - Give this dashboard a stable id ("competitor-radar") and keep its saved data under keys that start with that id, so more dashboards can join the same menu later without touching this one's data.
- Sync between the AI and the dashboard, through the folder:
  - chattodash-updates.js in the folder sets window.CHATTODASH_UPDATES to a list of updates. Each one: {"dashboard": "competitor-radar", "id": "<unique update id>", "add": [new items], "update": [existing items with their id]}. The dashboard loads the file with a script tag (it may not exist), applies every update not applied yet by item id, with no duplicates, and shows a short note of what changed.
  - Whenever I later ask you for something that changes the dashboard's data, write it straight into chattodash-updates.js, and it lands the next time I open the dashboard. That includes the middle of a conversation about something else: when I say, for example, "add this to the dashboard", add what came up in the conversation as items.
  - Whenever I ask to change the view or add something to the dashboard itself (a column, a filter, a field, a screen, another view), edit dashboard.html in the folder directly. Keep all the data and the same storage keys, do not break what already works, and tell me in one line what changed.
  - In Settings, "Sync": a "Copy state" button that copies a short JSON of everything in the dashboard, with the id "competitor-radar", so I can show you what is in it, and a "Paste an update" box as a backup, in case an update comes from another tool.
- Automation, by my answer: if I chose automatic, set up a recurring task in your tool now (for example a scheduled task in Claude Code or Claude Desktop, or an automation in Codex), as often as I chose, that does the work and writes the result to chattodash-updates.js. Also give me the exact text of that task, so I can change it or set it up again. If your tool cannot schedule tasks, say so plainly and use the manual option. If I chose manual: an "Update now" button at the top of the dashboard that copies a ready request for me to paste to you, and you write the result to chattodash-updates.js.
- The whole interface is in English.
- Show every date in a readable format (for example "20 Oct"), never as 2026-10-20.
- Light and dark mode with a toggle.
- Browser tab icon: embed this ChatToDash icon as a data URI favicon, exactly as given: <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><rect width="32" height="32" rx="7" fill="#fff"/><g fill="none" stroke-width="2.6" stroke-linejoin="round"><rect x="5" y="5" width="15" height="15" rx="2.5" stroke="#0f172a"/><rect x="12" y="12" width="15" height="15" rx="2.5" stroke="#0284c7"/></g></svg>
- Design: clean and calm, in greys. Light grey page (#f6f7f9), white cards with a 1px border (#e6e9ef) and 14px corners, near-black navy text (#0f172a). Primary buttons and selected filters in dark navy (#0f172a) with white text. The selected menu item on a light grey background (#f1f3f7) with dark text, never light blue. Blue (#3b6fe0, #7ba3f5 in dark mode) only for small details: links, today on the calendar, charts and the focus ring. Dark mode: page #0c1119, cards #131a25. Heebo for headings and Assistant for text (Google Fonts), plenty of spacing. No emojis, no gradients.
- On a phone (under 640px wide): KPI tiles two per row, boards stack their columns one under another, tables turn into one card per row with a label next to each value, and a month calendar turns into a list of events by date. Nothing may be wider than the screen.

When it is ready, tell me the full path of dashboard.html, open it in my browser if you can, and explain in three short lines how to add my first item. Talk to me in English throughout.

The AI will talk to you in English and build the dashboard in English.

Already installed one? The AI finds the ChatToDash folder on your computer and asks whether to add to it, so all your dashboards share one menu.

More details→

Content Studio: All previews show sample data only.

Coming soon

סטודיו לתוכן

Content Studio

From idea to published: ideas, drafts, a schedule and what is already out.

Build prompt

Content Studio

Copy the prompt.
Open Claude Code, Codex or a desktop AI app that works with folders, and paste it.
Answer a few short questions and get your own dashboard, empty and ready to fill.

Dashboard language

You are setting up my personal "Content Studio" dashboard from ChatToDash, a library of ready-to-build dashboards.

What it is for: From idea to published: ideas, drafts, a schedule and what is already out.

This prompt is for an AI tool that works with files on my computer (for example Claude Code, Codex, or a desktop AI app with folder access). ChatToDash always lives in one folder: Documents/ChatToDash, holding dashboard.html (the dashboard), chattodash.json (the list of installed dashboards) and chattodash-updates.js (updates).

Before anything else:
1. Look for the ChatToDash folder: first in my Documents folder, then in my home folder.
2. If you find it, tell me which dashboards are already installed (from chattodash.json), and ask: add this dashboard to the existing one, or create a separate new one?
   - Add to the existing one: add it as a new item under "General" in the side menu of dashboard.html, and reuse the shell, the Settings screen and the gallery screen that already exist. Never create a second menu. Do not touch the existing dashboards or their data, and keep exactly the same storage keys. The new dashboard's data goes under keys that start with "content-studio". If this dashboard is already installed, ask whether to update it or leave it. Update chattodash.json, add the dashboard to "Where your data lives" and to the sync, and from the instructions below build only the dashboard itself, not what already exists.
   - Create a new one: make another folder next to it (ChatToDash-2, and so on) and build everything there from scratch.
3. If there is no such folder, create Documents/ChatToDash and build everything there.
4. If you cannot access files on my computer, say so plainly: this prompt needs a tool that works with folders.

Then ask me these questions one message at a time, and wait for my answers:
   1. How do you like to manage content? A) by stage: Idea, Draft, Review, Scheduled, Published. B) by channel: a column per channel (ask which channels). C) calendar first, with the board under it.
   2. How should updates reach the dashboard? A) automatically: a recurring task that does this: fresh content ideas, and a reminder of what is scheduled to publish. If so, how often (daily, weekly, monthly)? B) manually: an "Update now" button inside the dashboard that prepares the same request whenever you want.

Then build the dashboard in the folder: dashboard.html as ONE self-contained file that opens in my browser, with chattodash.json and chattodash-updates.js next to it:
- Views: a "this week" calendar strip and a board whose columns follow the style I pick.
- Each item has: title, channel, stage, publish date, draft text, notes.
- KPI tiles at the top: ideas in the bank, in progress, scheduled this week, published this month.
- Use my answers to set up the STRUCTURE only: names of boards, projects, regions, channels, tags, filters, labels and the default view. Never add items I did not enter.
- The style I pick only sets how the dashboard starts. I can switch it later in Settings without losing data.
- It STARTS EMPTY. Show a friendly empty state that tells me how to add the first item.
- I can add, edit and delete items. Everything is saved in the browser (localStorage), wrapped in try/catch so it never crashes.
- On load, check whether saving in the browser works. If it does not, show a clear banner at the top: "Saving is off in this browser. Open the file in Chrome or Edge to keep your data."
- A fixed shell, even when this is the only dashboard:
  - A fixed side menu on the start side: at the top the ChatToDash icon and the title "MY DASHBOARD". Under it a group labelled "General" with this dashboard as its only item (icon and name). Then a thin divider line, and at the bottom of the menu two items: "Dashboard gallery" and "Settings".
  - The main area shows the screen picked in the menu.
  - "Dashboard gallery" opens an internal screen (not an outside link): the headline "Your workspace can do more.", one short line of explanation, a few categories (Work & focus, Career & people, Knowledge & market, Content), and a button "Explore the dashboard gallery" that goes to GALLERY_URL. Keep GALLERY_URL as one constant at the top of the code, set to: '' (empty for now; while empty, hide the button)
  - The "Settings" screen: Appearance (theme: System / Light / Dark), Backup and restore (export and import of all data as a JSON file, explaining that the data stays in this browser only), and "Where your data lives" (each dashboard, marked "Saved locally").
  - On a phone the menu hides behind a menu button at the top and opens as a drawer.
  - Give this dashboard a stable id ("content-studio") and keep its saved data under keys that start with that id, so more dashboards can join the same menu later without touching this one's data.
- Sync between the AI and the dashboard, through the folder:
  - chattodash-updates.js in the folder sets window.CHATTODASH_UPDATES to a list of updates. Each one: {"dashboard": "content-studio", "id": "<unique update id>", "add": [new items], "update": [existing items with their id]}. The dashboard loads the file with a script tag (it may not exist), applies every update not applied yet by item id, with no duplicates, and shows a short note of what changed.
  - Whenever I later ask you for something that changes the dashboard's data, write it straight into chattodash-updates.js, and it lands the next time I open the dashboard. That includes the middle of a conversation about something else: when I say, for example, "add this to the dashboard", add what came up in the conversation as items.
  - Whenever I ask to change the view or add something to the dashboard itself (a column, a filter, a field, a screen, another view), edit dashboard.html in the folder directly. Keep all the data and the same storage keys, do not break what already works, and tell me in one line what changed.
  - In Settings, "Sync": a "Copy state" button that copies a short JSON of everything in the dashboard, with the id "content-studio", so I can show you what is in it, and a "Paste an update" box as a backup, in case an update comes from another tool.
- Automation, by my answer: if I chose automatic, set up a recurring task in your tool now (for example a scheduled task in Claude Code or Claude Desktop, or an automation in Codex), as often as I chose, that does the work and writes the result to chattodash-updates.js. Also give me the exact text of that task, so I can change it or set it up again. If your tool cannot schedule tasks, say so plainly and use the manual option. If I chose manual: an "Update now" button at the top of the dashboard that copies a ready request for me to paste to you, and you write the result to chattodash-updates.js.
- The whole interface is in English.
- Show every date in a readable format (for example "20 Oct"), never as 2026-10-20.
- Light and dark mode with a toggle.
- Browser tab icon: embed this ChatToDash icon as a data URI favicon, exactly as given: <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><rect width="32" height="32" rx="7" fill="#fff"/><g fill="none" stroke-width="2.6" stroke-linejoin="round"><rect x="5" y="5" width="15" height="15" rx="2.5" stroke="#0f172a"/><rect x="12" y="12" width="15" height="15" rx="2.5" stroke="#0284c7"/></g></svg>
- Design: clean and calm, in greys. Light grey page (#f6f7f9), white cards with a 1px border (#e6e9ef) and 14px corners, near-black navy text (#0f172a). Primary buttons and selected filters in dark navy (#0f172a) with white text. The selected menu item on a light grey background (#f1f3f7) with dark text, never light blue. Blue (#3b6fe0, #7ba3f5 in dark mode) only for small details: links, today on the calendar, charts and the focus ring. Dark mode: page #0c1119, cards #131a25. Heebo for headings and Assistant for text (Google Fonts), plenty of spacing. No emojis, no gradients.
- On a phone (under 640px wide): KPI tiles two per row, boards stack their columns one under another, tables turn into one card per row with a label next to each value, and a month calendar turns into a list of events by date. Nothing may be wider than the screen.

When it is ready, tell me the full path of dashboard.html, open it in my browser if you can, and explain in three short lines how to add my first item. Talk to me in English throughout.

The AI will talk to you in English and build the dashboard in English.

Already installed one? The AI finds the ChatToDash folder on your computer and asks whether to add to it, so all your dashboards share one menu.

More details→

All previews show sample data only.