{"id":20134,"date":"2026-01-14T18:51:21","date_gmt":"2026-01-14T18:51:21","guid":{"rendered":"https:\/\/www.ruoomsoftware.com\/?p=20134"},"modified":"2026-01-14T18:51:28","modified_gmt":"2026-01-14T18:51:28","slug":"llm-prompting-experiment-building-a-dashboard-ui","status":"publish","type":"post","link":"https:\/\/www.ruoomsoftware.com\/ko\/llm-prompting-experiment-building-a-dashboard-ui\/","title":{"rendered":"LLM Prompting Experiment 3: Building a Dashboard UI"},"content":{"rendered":"<p>The Ruoom team has run 2 experiments with AI large language model (LLM) driven software development: <a href=\"https:\/\/www.ruoomsoftware.com\/ko\/llm-prompting-experiment-integrating-a-google-calendar-into-ruooms-crm\/\">Google Calendar Import<\/a> and <a href=\"https:\/\/www.ruoomsoftware.com\/ko\/llm-design-review-1-google-calendar-integration-2-of-2\/\">Google Calendar Export<\/a>. Both of these experiments challenged AI to develop full-stack software features (at a small scale), and found reasonable success with plenty to critique regarding missing or oddly designed code. However, the biggest critique the team had was inconsistency in the UI and incomplete or unhelpful UX flows.<\/p>\n\n\n\n<p>In this experiment, the team will focus purely on the UI of a new feature: an analytics dashboard for a business management tool.&nbsp;<\/p>\n\n\n\n<p>Our open source code features a dashboard on the home page which is left blank so as to allow users to develop their own custom visualizations. For a dashboard to be useful, it has to aggregate the most important information for a given use case or user &#8211; making it more useful to leave this blank than to provide something that doesn\u2019t fit the situation.<\/p>\n\n\n\n<p>The team will provide some high level guidance for the LLM and explore what it is capable of providing. Internet forums such as Reddit\u2019s <a href=\"https:\/\/www.reddit.com\/r\/vibecoding\/\">r\/vibecoding<\/a> page are full of examples of AI-built dashboards that visually blend together. Our CTO, Kevin, will team up with our lead UI\/UX designer, Jasmina, to test the limits of LLM UI generation. At each stage in the dashboard build, our designer will provide her feedback, which the team will incorporate into the next prompts.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" src=\"https:\/\/www.ruoomsoftware.com\/wp-content\/uploads\/2026\/01\/Ruoom-Graphics.gif\" alt=\"\" class=\"wp-image-20145\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Initial Dashboard Build<\/strong><\/h2>\n\n\n\n<p>The team started with a simple prompt:<\/p>\n\n\n\n<p><strong>Prompt:<\/strong><\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><em><em>Design an exciting set of dashboard widgets that are interactive and configurable on this page, to demonstrate the type of data visualization that is possible. Please analyze the available models and extrapolate similar types of data that might be part of this business management &amp; booking platform.<\/em><\/em><\/p>\n<\/blockquote>\n\n\n\n<p><strong>Response<\/strong>:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>Initial dashboard UI:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"455\" src=\"https:\/\/www.ruoomsoftware.com\/wp-content\/uploads\/2026\/01\/image-1024x455.png\" alt=\"\" class=\"wp-image-20136\" srcset=\"https:\/\/www.ruoomsoftware.com\/wp-content\/uploads\/2026\/01\/image-1024x455.png 1024w, https:\/\/www.ruoomsoftware.com\/wp-content\/uploads\/2026\/01\/image-300x133.png 300w, https:\/\/www.ruoomsoftware.com\/wp-content\/uploads\/2026\/01\/image-768x341.png 768w, https:\/\/www.ruoomsoftware.com\/wp-content\/uploads\/2026\/01\/image-1536x683.png 1536w, https:\/\/www.ruoomsoftware.com\/wp-content\/uploads\/2026\/01\/image-18x8.png 18w, https:\/\/www.ruoomsoftware.com\/wp-content\/uploads\/2026\/01\/image.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/blockquote>\n\n\n\n<p>The 3d\/30d\/90d selection changes the window of the data shown in the plot.<\/p>\n\n\n\n<p>Clicking the \u201cCustomize\u201d button leads to the following modal:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"647\" height=\"777\" src=\"https:\/\/www.ruoomsoftware.com\/wp-content\/uploads\/2026\/01\/image-1.png\" alt=\"\" class=\"wp-image-20137\" srcset=\"https:\/\/www.ruoomsoftware.com\/wp-content\/uploads\/2026\/01\/image-1.png 647w, https:\/\/www.ruoomsoftware.com\/wp-content\/uploads\/2026\/01\/image-1-250x300.png 250w, https:\/\/www.ruoomsoftware.com\/wp-content\/uploads\/2026\/01\/image-1-10x12.png 10w\" sizes=\"auto, (max-width: 647px) 100vw, 647px\" \/><\/figure>\n\n\n\n<p>Using this tool, the user can reorder the widgets and disable any not needed.<br><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Jasmina <strong>Feedback + Next Prompt:\u00a0<\/strong><\/h3>\n\n\n\n<p><strong>Prompt:<\/strong><\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>The dashboard you sent looks really good overall. However, I\u2019d replace the pink accents with blue (e.g., the \u201c30d\u201d and \u201cCustomize\u201d elements). The pink feels quite strong and is usually better suited for final\/primary actions such as \u201cDone,\u201d \u201cSubmit,\u201d \u201cAdd,\u201d&nbsp; \u201cCreate\u201d and similar.<\/p>\n\n\n\n<p>Two small notes as well:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>It\u2019s not clear what the number \u201c1705\u201d represents.<\/li>\n\n\n\n<li>\u201cRecent updates\u201d feels a bit oddly placed, so its purpose isn\u2019t immediately clear. If it\u2019s meant to indicate when the Activity section was last updated, I\u2019d move it to the far right and label it more explicitly, e.g., \u201cUpdated X hours ago.\u201d<\/li>\n<\/ul>\n\n\n\n<p>Please give me another version.<\/p>\n<\/blockquote>\n\n\n\n<p><strong>Response<\/strong>:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"445\" src=\"https:\/\/www.ruoomsoftware.com\/wp-content\/uploads\/2026\/01\/image-2-1024x445.png\" alt=\"\" class=\"wp-image-20138\" srcset=\"https:\/\/www.ruoomsoftware.com\/wp-content\/uploads\/2026\/01\/image-2-1024x445.png 1024w, https:\/\/www.ruoomsoftware.com\/wp-content\/uploads\/2026\/01\/image-2-300x130.png 300w, https:\/\/www.ruoomsoftware.com\/wp-content\/uploads\/2026\/01\/image-2-768x334.png 768w, https:\/\/www.ruoomsoftware.com\/wp-content\/uploads\/2026\/01\/image-2-1536x667.png 1536w, https:\/\/www.ruoomsoftware.com\/wp-content\/uploads\/2026\/01\/image-2-18x8.png 18w, https:\/\/www.ruoomsoftware.com\/wp-content\/uploads\/2026\/01\/image-2.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/blockquote>\n\n\n\n<p>Truthfully, the \u201ctotal\u201d number within the plot is still confusing. We\u2019ll fix that one a little later.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Augmented Dashboard Features<\/h2>\n\n\n\n<p>Overall, the dashboard is functional but it is a little boring and limited. We will ask our designer to challenge the LLM a little more by requesting more from the dashboard design.<\/p>\n\n\n\n<p><strong>Jasmina Feedback + Next Prompt:\u00a0<\/strong><\/p>\n\n\n\n<p><strong>Prompt:<\/strong><\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>The goal of the new dashboard should be to provide all critical information &#8216;at a glance,&#8217; allowing users to see exactly what\u2019s happening without having to dig through various menus.<\/p>\n\n\n\n<p>To achieve this, it would be useful to include:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Revenue Tracking: Displaying daily or monthly earnings accompanied by a small &#8216;sparkline&#8217; trend graph for quick visual analysis.<\/li>\n\n\n\n<li>Action Center: A dedicated hub for items requiring immediate attention. This would include:\n<ul class=\"wp-block-list\">\n<li>Pending Approvals: Quick access to requests waiting for a sign-off.<\/li>\n\n\n\n<li>Issue Reporting: Visual alerts for reported problems or maintenance tasks that need to be resolved.<\/li>\n\n\n\n<li>Automated Reminders: Prompts for sending out invoices, pending invitations, or important follow-ups.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<p>That is what comes to mind for now. However, it&#8217;s possible there are other important pieces of information that could be added.<\/p>\n\n\n\n<p>Lastly, the &#8220;Total: X&#8221; new customers still isn&#8217;t clear. Can you move it so it corresponds to the &#8220;New Customers&#8221; label on the left, and indicate somehow that it is for the period shown?<\/p>\n<\/blockquote>\n\n\n\n<p><strong>Response:<\/strong><br><br>(Truthfully, we had to ask the LLM to execute twice. The first time, it only half-completed its new widgets, leaving them blank with no data. The following screenshot was produced after we asked it to please finish your work thank you very much)<br><\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"767\" src=\"https:\/\/www.ruoomsoftware.com\/wp-content\/uploads\/2026\/01\/image-3-1024x767.png\" alt=\"\" class=\"wp-image-20140\" srcset=\"https:\/\/www.ruoomsoftware.com\/wp-content\/uploads\/2026\/01\/image-3-1024x767.png 1024w, https:\/\/www.ruoomsoftware.com\/wp-content\/uploads\/2026\/01\/image-3-300x225.png 300w, https:\/\/www.ruoomsoftware.com\/wp-content\/uploads\/2026\/01\/image-3-768x575.png 768w, https:\/\/www.ruoomsoftware.com\/wp-content\/uploads\/2026\/01\/image-3-16x12.png 16w, https:\/\/www.ruoomsoftware.com\/wp-content\/uploads\/2026\/01\/image-3.png 1537w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><\/p>\n<\/blockquote>\n\n\n\n<p>Hi, it&#8217;s Kevin.<\/p>\n\n\n\n<p>Ok, Before we even pass this to the designer, there are some obvious issues. First, clearly the data is some AI-generated pattern which looks weird. It\u2019s distracting so we\u2019ll want to fix this.<br><br>Second, the Action Center makes <strong>ZERO<\/strong> sense at all. It\u2019s clear the LLM doesn\u2019t understand what should go on in this widget. Why don\u2019t we try again:<\/p>\n\n\n\n<p><strong>Prompt:<\/strong><\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>The Action Center has a strange format &#8211; can you make that into a properly formatted table? Actually, a set of 3 tables, one for each category (pending approvals, issues reported, and automated reminders). Each of these are types of information, for which I need you to make up a small set of items that can elegantly be presented within each category.<\/p>\n\n\n\n<p>Also, the graphs for revenue and new customers look like the same datasets, and they both look like weird periodic functions. Can you make the data appear random, and different for each?<\/p>\n<\/blockquote>\n\n\n\n<p><strong>Response:<\/strong><\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"905\" height=\"876\" src=\"https:\/\/www.ruoomsoftware.com\/wp-content\/uploads\/2026\/01\/image-4.png\" alt=\"\" class=\"wp-image-20142\" srcset=\"https:\/\/www.ruoomsoftware.com\/wp-content\/uploads\/2026\/01\/image-4.png 905w, https:\/\/www.ruoomsoftware.com\/wp-content\/uploads\/2026\/01\/image-4-300x290.png 300w, https:\/\/www.ruoomsoftware.com\/wp-content\/uploads\/2026\/01\/image-4-768x743.png 768w, https:\/\/www.ruoomsoftware.com\/wp-content\/uploads\/2026\/01\/image-4-12x12.png 12w\" sizes=\"auto, (max-width: 905px) 100vw, 905px\" \/><\/figure>\n<\/blockquote>\n\n\n\n<p>Much better!<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Improved Configurability of Dashboard Widgets<\/h2>\n\n\n\n<p>Let\u2019s really challenge the LLM now. The approach it took to allowing users to edit the dashboard widgets via a menu was clumsy before &#8211; a separate menu for selecting and deselecting widgets. We want to challenge the LLM to make the widgets editable in a more drag-and-drop fashion.<\/p>\n\n\n\n<p><strong>Prompt:<\/strong><\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>You currently allow the user to select widgets they want to activate, and select the order in which they appear. This is clumsy. Can you provide a feature by which the user can choose to edit the page, then manually drag and drop the position and activation of the widgets?<\/p>\n<\/blockquote>\n\n\n\n<p><strong>Response:<\/strong><\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"532\" src=\"https:\/\/www.ruoomsoftware.com\/wp-content\/uploads\/2026\/01\/image-5-1024x532.png\" alt=\"\" class=\"wp-image-20143\" srcset=\"https:\/\/www.ruoomsoftware.com\/wp-content\/uploads\/2026\/01\/image-5-1024x532.png 1024w, https:\/\/www.ruoomsoftware.com\/wp-content\/uploads\/2026\/01\/image-5-300x156.png 300w, https:\/\/www.ruoomsoftware.com\/wp-content\/uploads\/2026\/01\/image-5-768x399.png 768w, https:\/\/www.ruoomsoftware.com\/wp-content\/uploads\/2026\/01\/image-5-18x9.png 18w, https:\/\/www.ruoomsoftware.com\/wp-content\/uploads\/2026\/01\/image-5.png 1533w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/blockquote>\n\n\n\n<p>It\u2019s not bad! The behavior of the drag-and-drop is a little unintuitive in action, but we think this has been enough of a challenge for this experiment.<br><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Takeaways<\/h2>\n\n\n\n<p>We found that the LLM did a passable job of designing the UI of the dashboard. At times it required multiple attempts before it completed its assignments &#8211; which is not a huge issue.&nbsp;<\/p>\n\n\n\n<p>With the challenge of drag-and-drop widget interface, the LLM did an ok job but it has a lot of room for improvement. We would want to spend significantly more time refining this feature if it were to ever see production. It goes to show that the LLM will build exactly what you tell it to, without much understanding of the user interactivity or intuitiveness of workflows.<\/p>\n\n\n\n<p>Indeed, the largest criticism we had was that the LLM does not do a good job of understanding the user. It did not understand the assignment of the \u201cAction Center\u201d, and has repeatedly demonstrated only a surface level understanding of what makes a dashboard useful. It\u2019s possible that if we were to provide a sufficient set of documentation describing user behaviors and preferences, then the LLM would make better choices about UX design and interactivity.<\/p>\n\n\n\n<p>When asking an LLM to build a UI from an LLM, it\u2019s important to understand how the LLM operates. The LLM by default will only apply the most basic, common denominator UI\/UX principles. It will only know as much about your customers as you tell it, and even with that information will lack the human insight into how your users will respond. For that reason, collaboration with an experienced designer is crucial to producing \u201cgood design\u201d. This is why so many vibe-coded UIs across the internet look the same.<\/p>","protected":false},"excerpt":{"rendered":"<p>Our CTO, Kevin, and our UI\/UX designer run an LLM prompting experiment to evaluate how AI designs a configurable dashboard and where it falls short in understanding real users and everyday workflows.<\/p>","protected":false},"author":5,"featured_media":20144,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[23],"tags":[],"class_list":["post-20134","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-software"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>LLM Prompting Experiment 3: Building a Dashboard UI | Ruoom<\/title>\n<meta name=\"description\" content=\"An in-depth LLM prompting experiment where the Ruoom team tests how far AI can go in designing a usable analytics dashboard.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.ruoomsoftware.com\/ko\/llm-prompting-experiment-building-a-dashboard-ui\/\" \/>\n<meta property=\"og:locale\" content=\"ko_KR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"LLM Prompting Experiment 3: Building a Dashboard UI | Ruoom\" \/>\n<meta property=\"og:description\" content=\"An in-depth LLM prompting experiment where the Ruoom team tests how far AI can go in designing a usable analytics dashboard.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.ruoomsoftware.com\/ko\/llm-prompting-experiment-building-a-dashboard-ui\/\" \/>\n<meta property=\"og:site_name\" content=\"Ruoom\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/ruoomsoftware\" \/>\n<meta property=\"article:published_time\" content=\"2026-01-14T18:51:21+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-14T18:51:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.ruoomsoftware.com\/wp-content\/uploads\/2026\/01\/Ruoom-Graphics-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"768\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Kevin Morrissey\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.ruoomsoftware.com\/llm-prompting-experiment-building-a-dashboard-ui\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.ruoomsoftware.com\/llm-prompting-experiment-building-a-dashboard-ui\/\"},\"author\":{\"name\":\"Kevin Morrissey\",\"@id\":\"https:\/\/www.ruoomsoftware.com\/#\/schema\/person\/920db29c61fde2fdd472f380831c5731\"},\"headline\":\"LLM Prompting Experiment 3: Building a Dashboard UI\",\"datePublished\":\"2026-01-14T18:51:21+00:00\",\"dateModified\":\"2026-01-14T18:51:28+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.ruoomsoftware.com\/llm-prompting-experiment-building-a-dashboard-ui\/\"},\"wordCount\":1303,\"publisher\":{\"@id\":\"https:\/\/www.ruoomsoftware.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.ruoomsoftware.com\/llm-prompting-experiment-building-a-dashboard-ui\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.ruoomsoftware.com\/wp-content\/uploads\/2026\/01\/Ruoom-Graphics-1.png\",\"articleSection\":[\"Software\"],\"inLanguage\":\"ko-KR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.ruoomsoftware.com\/llm-prompting-experiment-building-a-dashboard-ui\/\",\"url\":\"https:\/\/www.ruoomsoftware.com\/llm-prompting-experiment-building-a-dashboard-ui\/\",\"name\":\"LLM Prompting Experiment 3: Building a Dashboard UI | Ruoom\",\"isPartOf\":{\"@id\":\"https:\/\/www.ruoomsoftware.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.ruoomsoftware.com\/llm-prompting-experiment-building-a-dashboard-ui\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.ruoomsoftware.com\/llm-prompting-experiment-building-a-dashboard-ui\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.ruoomsoftware.com\/wp-content\/uploads\/2026\/01\/Ruoom-Graphics-1.png\",\"datePublished\":\"2026-01-14T18:51:21+00:00\",\"dateModified\":\"2026-01-14T18:51:28+00:00\",\"description\":\"An in-depth LLM prompting experiment where the Ruoom team tests how far AI can go in designing a usable analytics dashboard.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.ruoomsoftware.com\/llm-prompting-experiment-building-a-dashboard-ui\/#breadcrumb\"},\"inLanguage\":\"ko-KR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.ruoomsoftware.com\/llm-prompting-experiment-building-a-dashboard-ui\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ko-KR\",\"@id\":\"https:\/\/www.ruoomsoftware.com\/llm-prompting-experiment-building-a-dashboard-ui\/#primaryimage\",\"url\":\"https:\/\/www.ruoomsoftware.com\/wp-content\/uploads\/2026\/01\/Ruoom-Graphics-1.png\",\"contentUrl\":\"https:\/\/www.ruoomsoftware.com\/wp-content\/uploads\/2026\/01\/Ruoom-Graphics-1.png\",\"width\":1024,\"height\":768},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.ruoomsoftware.com\/llm-prompting-experiment-building-a-dashboard-ui\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.ruoomsoftware.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"LLM Prompting Experiment 3: Building a Dashboard UI\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.ruoomsoftware.com\/#website\",\"url\":\"https:\/\/www.ruoomsoftware.com\/\",\"name\":\"Ruoom\",\"description\":\"Designed to fit how your small business works.\",\"publisher\":{\"@id\":\"https:\/\/www.ruoomsoftware.com\/#organization\"},\"alternateName\":\"Ruoom\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.ruoomsoftware.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ko-KR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.ruoomsoftware.com\/#organization\",\"name\":\"Ruoom\",\"alternateName\":\"Ruoom\",\"url\":\"https:\/\/www.ruoomsoftware.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ko-KR\",\"@id\":\"https:\/\/www.ruoomsoftware.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.ruoomsoftware.com\/wp-content\/uploads\/2024\/11\/Ruoom-logo-svg.svg\",\"contentUrl\":\"https:\/\/www.ruoomsoftware.com\/wp-content\/uploads\/2024\/11\/Ruoom-logo-svg.svg\",\"width\":150,\"height\":122,\"caption\":\"Ruoom\"},\"image\":{\"@id\":\"https:\/\/www.ruoomsoftware.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/ruoomsoftware\",\"https:\/\/www.instagram.com\/ruoomsoftware\/\",\"https:\/\/www.youtube.com\/channel\/UC5LVZyGRCNlQEqQEItCYb3Q\",\"https:\/\/www.linkedin.com\/company\/ruoom-inc\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.ruoomsoftware.com\/#\/schema\/person\/920db29c61fde2fdd472f380831c5731\",\"name\":\"Kevin Morrissey\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ko-KR\",\"@id\":\"https:\/\/www.ruoomsoftware.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/e55fe9811e3194b318c957a3578a6b39bdcfb5d8d247bdec2cd1d30a98823d4e?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/e55fe9811e3194b318c957a3578a6b39bdcfb5d8d247bdec2cd1d30a98823d4e?s=96&d=mm&r=g\",\"caption\":\"Kevin Morrissey\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"LLM Prompting Experiment 3: Building a Dashboard UI | Ruoom","description":"An in-depth LLM prompting experiment where the Ruoom team tests how far AI can go in designing a usable analytics dashboard.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.ruoomsoftware.com\/ko\/llm-prompting-experiment-building-a-dashboard-ui\/","og_locale":"ko_KR","og_type":"article","og_title":"LLM Prompting Experiment 3: Building a Dashboard UI | Ruoom","og_description":"An in-depth LLM prompting experiment where the Ruoom team tests how far AI can go in designing a usable analytics dashboard.","og_url":"https:\/\/www.ruoomsoftware.com\/ko\/llm-prompting-experiment-building-a-dashboard-ui\/","og_site_name":"Ruoom","article_publisher":"https:\/\/www.facebook.com\/ruoomsoftware","article_published_time":"2026-01-14T18:51:21+00:00","article_modified_time":"2026-01-14T18:51:28+00:00","og_image":[{"width":1024,"height":768,"url":"https:\/\/www.ruoomsoftware.com\/wp-content\/uploads\/2026\/01\/Ruoom-Graphics-1.png","type":"image\/png"}],"author":"Kevin Morrissey","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.ruoomsoftware.com\/llm-prompting-experiment-building-a-dashboard-ui\/#article","isPartOf":{"@id":"https:\/\/www.ruoomsoftware.com\/llm-prompting-experiment-building-a-dashboard-ui\/"},"author":{"name":"Kevin Morrissey","@id":"https:\/\/www.ruoomsoftware.com\/#\/schema\/person\/920db29c61fde2fdd472f380831c5731"},"headline":"LLM Prompting Experiment 3: Building a Dashboard UI","datePublished":"2026-01-14T18:51:21+00:00","dateModified":"2026-01-14T18:51:28+00:00","mainEntityOfPage":{"@id":"https:\/\/www.ruoomsoftware.com\/llm-prompting-experiment-building-a-dashboard-ui\/"},"wordCount":1303,"publisher":{"@id":"https:\/\/www.ruoomsoftware.com\/#organization"},"image":{"@id":"https:\/\/www.ruoomsoftware.com\/llm-prompting-experiment-building-a-dashboard-ui\/#primaryimage"},"thumbnailUrl":"https:\/\/www.ruoomsoftware.com\/wp-content\/uploads\/2026\/01\/Ruoom-Graphics-1.png","articleSection":["Software"],"inLanguage":"ko-KR"},{"@type":"WebPage","@id":"https:\/\/www.ruoomsoftware.com\/llm-prompting-experiment-building-a-dashboard-ui\/","url":"https:\/\/www.ruoomsoftware.com\/llm-prompting-experiment-building-a-dashboard-ui\/","name":"LLM Prompting Experiment 3: Building a Dashboard UI | Ruoom","isPartOf":{"@id":"https:\/\/www.ruoomsoftware.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.ruoomsoftware.com\/llm-prompting-experiment-building-a-dashboard-ui\/#primaryimage"},"image":{"@id":"https:\/\/www.ruoomsoftware.com\/llm-prompting-experiment-building-a-dashboard-ui\/#primaryimage"},"thumbnailUrl":"https:\/\/www.ruoomsoftware.com\/wp-content\/uploads\/2026\/01\/Ruoom-Graphics-1.png","datePublished":"2026-01-14T18:51:21+00:00","dateModified":"2026-01-14T18:51:28+00:00","description":"An in-depth LLM prompting experiment where the Ruoom team tests how far AI can go in designing a usable analytics dashboard.","breadcrumb":{"@id":"https:\/\/www.ruoomsoftware.com\/llm-prompting-experiment-building-a-dashboard-ui\/#breadcrumb"},"inLanguage":"ko-KR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.ruoomsoftware.com\/llm-prompting-experiment-building-a-dashboard-ui\/"]}]},{"@type":"ImageObject","inLanguage":"ko-KR","@id":"https:\/\/www.ruoomsoftware.com\/llm-prompting-experiment-building-a-dashboard-ui\/#primaryimage","url":"https:\/\/www.ruoomsoftware.com\/wp-content\/uploads\/2026\/01\/Ruoom-Graphics-1.png","contentUrl":"https:\/\/www.ruoomsoftware.com\/wp-content\/uploads\/2026\/01\/Ruoom-Graphics-1.png","width":1024,"height":768},{"@type":"BreadcrumbList","@id":"https:\/\/www.ruoomsoftware.com\/llm-prompting-experiment-building-a-dashboard-ui\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.ruoomsoftware.com\/"},{"@type":"ListItem","position":2,"name":"LLM Prompting Experiment 3: Building a Dashboard UI"}]},{"@type":"WebSite","@id":"https:\/\/www.ruoomsoftware.com\/#website","url":"https:\/\/www.ruoomsoftware.com\/","name":"Ruoom","description":"Designed to fit how your small business works.","publisher":{"@id":"https:\/\/www.ruoomsoftware.com\/#organization"},"alternateName":"Ruoom","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.ruoomsoftware.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ko-KR"},{"@type":"Organization","@id":"https:\/\/www.ruoomsoftware.com\/#organization","name":"Ruoom","alternateName":"Ruoom","url":"https:\/\/www.ruoomsoftware.com\/","logo":{"@type":"ImageObject","inLanguage":"ko-KR","@id":"https:\/\/www.ruoomsoftware.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.ruoomsoftware.com\/wp-content\/uploads\/2024\/11\/Ruoom-logo-svg.svg","contentUrl":"https:\/\/www.ruoomsoftware.com\/wp-content\/uploads\/2024\/11\/Ruoom-logo-svg.svg","width":150,"height":122,"caption":"Ruoom"},"image":{"@id":"https:\/\/www.ruoomsoftware.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/ruoomsoftware","https:\/\/www.instagram.com\/ruoomsoftware\/","https:\/\/www.youtube.com\/channel\/UC5LVZyGRCNlQEqQEItCYb3Q","https:\/\/www.linkedin.com\/company\/ruoom-inc\/"]},{"@type":"Person","@id":"https:\/\/www.ruoomsoftware.com\/#\/schema\/person\/920db29c61fde2fdd472f380831c5731","name":"Kevin Morrissey","image":{"@type":"ImageObject","inLanguage":"ko-KR","@id":"https:\/\/www.ruoomsoftware.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/e55fe9811e3194b318c957a3578a6b39bdcfb5d8d247bdec2cd1d30a98823d4e?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/e55fe9811e3194b318c957a3578a6b39bdcfb5d8d247bdec2cd1d30a98823d4e?s=96&d=mm&r=g","caption":"Kevin Morrissey"}}]}},"_links":{"self":[{"href":"https:\/\/www.ruoomsoftware.com\/ko\/wp-json\/wp\/v2\/posts\/20134","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ruoomsoftware.com\/ko\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ruoomsoftware.com\/ko\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ruoomsoftware.com\/ko\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ruoomsoftware.com\/ko\/wp-json\/wp\/v2\/comments?post=20134"}],"version-history":[{"count":2,"href":"https:\/\/www.ruoomsoftware.com\/ko\/wp-json\/wp\/v2\/posts\/20134\/revisions"}],"predecessor-version":[{"id":20146,"href":"https:\/\/www.ruoomsoftware.com\/ko\/wp-json\/wp\/v2\/posts\/20134\/revisions\/20146"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.ruoomsoftware.com\/ko\/wp-json\/wp\/v2\/media\/20144"}],"wp:attachment":[{"href":"https:\/\/www.ruoomsoftware.com\/ko\/wp-json\/wp\/v2\/media?parent=20134"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ruoomsoftware.com\/ko\/wp-json\/wp\/v2\/categories?post=20134"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ruoomsoftware.com\/ko\/wp-json\/wp\/v2\/tags?post=20134"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}