[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fchatbase\u002Fflows":3,"content-store-meta":-1,"i-custom:bookmark":302},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":47,"showcases":279,"links":280,"dates":299},"\u002Fexamples\u002Fapps\u002Fchatbase\u002Fflows","detail","flows",true,{"title":9,"description":10,"og_image":11},"Chatbase user flows examples - Nicelydone","Explore Chatbase user flow examples. Preview the opening screens and steps for each task. AI agents for magical customer experiences","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdd75689e-4441-4509-88ca-b8b3239aa834.png",[13,16,19,22],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":21},"Chatbase design examples","\u002Fexamples\u002Fapps\u002Fchatbase",{"label":23,"to":4},"Chatbase user flows examples",{"title":23,"eyebrow":25,"description":10,"sections":26,"body":27},"SaaS app examples",[],[],{"title":29,"slug":30,"description":31,"logo":32,"url":33,"categories":34},"Chatbase","chatbase","AI agents for magical customer experiences","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F7f20904a-e719-4d66-8569-3859ea3fbf78.png","https:\u002F\u002Fwww.chatbase.co",[35,39,43],{"id":36,"title":37,"slug":38},47,"Customer Service","customer-service",{"id":40,"title":41,"slug":42},80,"Artificial Intelligence","artificial-intelligence",{"id":44,"title":45,"slug":46},96,"No code","no-code",[48,75,97,117,130,153,176,195,215,225,246,265],{"uuid":49,"title":50,"canonical_path":4,"kind":51,"patterns_count":52,"categories":53,"screens":57,"app":74},"a1ad2b80-9af6-471e-9a48-e448c8da11e0","Signing in","flow",10,[54],{"id":55,"title":50,"slug":56},61,"sign-in",[58,65,70],{"uuid":59,"title":60,"description":61,"image":11,"image_alt":62,"width":63,"height":64},"dd75689e-4441-4509-88ca-b8b3239aa834","Sign In - Chatbase","Sign-in screen where the user authenticates with Google, SSO, or email and password, alongside a decorative AI chat input illustration.","Sign In - Chatbase from Chatbase",3024,1878,{"uuid":66,"title":60,"description":67,"image":68,"image_alt":62,"width":63,"height":69},"ef4f4a18-7022-44b0-b93a-28131a6670a6","Sign-in screen where the user authenticates with Google, SSO, or email and password, alongside a decorative AI chat input preview.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fef4f4a18-7022-44b0-b93a-28131a6670a6.png",1780,{"uuid":71,"title":60,"description":72,"image":73,"image_alt":62,"width":63,"height":69},"7399fc63-2e0f-482c-9440-106a618f2b75","OAuth integration","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7399fc63-2e0f-482c-9440-106a618f2b75.png",{"slug":30,"title":29,"logo":32},{"uuid":76,"title":77,"canonical_path":4,"kind":51,"patterns_count":52,"categories":78,"screens":82,"app":96},"53293bd6-69a9-4c40-a07a-3e19db07d56b","Signing up",[79],{"id":80,"title":77,"slug":81},103,"signing-up",[83,89,92],{"uuid":84,"title":85,"description":86,"image":87,"image_alt":88,"width":63,"height":69},"f22a5076-277e-4264-b331-31a3c8cbc872","Sign Up - Chatbase","Account creation OAuth integration","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff22a5076-277e-4264-b331-31a3c8cbc872.png","Sign Up - Chatbase from Chatbase",{"uuid":90,"title":85,"description":86,"image":91,"image_alt":88,"width":63,"height":69},"fe37fb90-e9f9-4ca4-9fc7-de7bc32c7d39","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffe37fb90-e9f9-4ca4-9fc7-de7bc32c7d39.png",{"uuid":93,"title":85,"description":94,"image":95,"image_alt":88,"width":63,"height":69},"dc0b781f-a078-4ad8-af88-9ea894a45991","Signup page where the user creates an account using Google or an email and password, featuring a stylized preview of an AI chat input.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdc0b781f-a078-4ad8-af88-9ea894a45991.png",{"slug":30,"title":29,"logo":32},{"uuid":98,"title":99,"canonical_path":4,"kind":51,"patterns_count":100,"categories":101,"screens":105,"app":116},"dd30bdeb-97c1-4c12-9924-9afb73dafb2c","Onboarding",63,[102],{"id":103,"title":99,"slug":104},45,"onboarding",[106,112],{"uuid":107,"title":108,"description":109,"image":110,"image_alt":111,"width":63,"height":69},"84d37bb6-d3fa-442e-804b-a3d9d4c0d210","Create Agent - Chatbase","Onboarding step where the user enters a website URL and selects a use case to automatically generate an AI agent.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F84d37bb6-d3fa-442e-804b-a3d9d4c0d210.png","Create Agent - Chatbase from Chatbase",{"uuid":113,"title":108,"description":114,"image":115,"image_alt":111,"width":63,"height":69},"2f8ac930-5ba2-4e2b-871d-cd5a43c87292","Onboarding step where the user enters a website URL and selects a use-case to automatically build an AI agent.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2f8ac930-5ba2-4e2b-871d-cd5a43c87292.png",{"slug":30,"title":29,"logo":32},{"uuid":118,"title":119,"canonical_path":4,"kind":51,"patterns_count":120,"categories":121,"screens":126,"app":129},"5e27601b-1177-4f72-8fe4-ed7d42996ef1","Setting up with link",11,[122],{"id":123,"title":124,"slug":125},16,"Setting up account","set-up-account",[127,128],{"uuid":107,"title":108,"description":109,"image":110,"image_alt":111,"width":63,"height":69},{"uuid":113,"title":108,"description":114,"image":115,"image_alt":111,"width":63,"height":69},{"slug":30,"title":29,"logo":32},{"uuid":131,"title":132,"canonical_path":4,"kind":51,"patterns_count":133,"categories":134,"screens":139,"app":152},"158df3f9-e622-475a-87d5-b040a6bdf7e0","Adding training sources",33,[135],{"id":136,"title":137,"slug":138},24,"Adding new source","add-new-source",[140,144,148],{"uuid":141,"title":108,"description":142,"image":143,"image_alt":111,"width":63,"height":69},"2326ff3f-a265-4203-bb9e-f81a4a09d68b","Onboarding step where the user adds training sources like files, text, or Notion to train their AI agent.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2326ff3f-a265-4203-bb9e-f81a4a09d68b.png",{"uuid":145,"title":108,"description":146,"image":147,"image_alt":111,"width":63,"height":69},"e926eacd-16d8-47ac-9ed5-cee446b8b2dc","File upload","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe926eacd-16d8-47ac-9ed5-cee446b8b2dc.png",{"uuid":149,"title":108,"description":150,"image":151,"image_alt":111,"width":63,"height":69},"40482574-26ca-4977-be9c-45d20f29c626","File upload modal","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F40482574-26ca-4977-be9c-45d20f29c626.png",{"slug":30,"title":29,"logo":32},{"uuid":154,"title":155,"canonical_path":4,"kind":51,"patterns_count":156,"categories":157,"screens":162,"app":175},"c56cf44e-fa53-468c-8e6c-5bf2e7fd8240","Customizing agent UI",9,[158],{"id":159,"title":160,"slug":161},67,"Customizing","customize",[163,167,171],{"uuid":164,"title":108,"description":165,"image":166,"image_alt":111,"width":63,"height":69},"35e92ea0-3814-4b37-a6f5-e3a015a1b75a","Onboarding step where the user customizes their AI agent's appearance, including name, theme, primary color, and profile picture, alongside a live chat preview.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F35e92ea0-3814-4b37-a6f5-e3a015a1b75a.png",{"uuid":168,"title":108,"description":169,"image":170,"image_alt":111,"width":63,"height":69},"dc004b7e-926d-4e8d-a60e-12d2171851ca","Onboarding step where the user configures the appearance of their AI agent, including name, theme, and primary color, alongside a live preview.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdc004b7e-926d-4e8d-a60e-12d2171851ca.png",{"uuid":172,"title":108,"description":173,"image":174,"image_alt":111,"width":63,"height":69},"71d27b27-f44e-4d43-b280-2e703e107d36","Onboarding step where the user customizes their AI agent's appearance, including name, theme, primary color, and profile picture, alongside a live preview.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F71d27b27-f44e-4d43-b280-2e703e107d36.png",{"slug":30,"title":29,"logo":32},{"uuid":177,"title":178,"canonical_path":4,"kind":51,"patterns_count":179,"categories":180,"screens":181,"app":194},"93ee8511-4890-4f3b-8b5f-83d4b91eb9c8","Configuring agent personality",7,[],[182,186,190],{"uuid":183,"title":108,"description":184,"image":185,"image_alt":111,"width":63,"height":69},"f2fd20f6-bfcf-48b5-88a0-287dca1183b6","Onboarding step where the user configures their AI agent's personality by selecting a model and defining custom instructions, alongside a live chat preview.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff2fd20f6-bfcf-48b5-88a0-287dca1183b6.png",{"uuid":187,"title":108,"description":188,"image":189,"image_alt":111,"width":63,"height":69},"01553a8c-142f-4679-9d35-7a0f2057c797","Onboarding step where the user configures their AI agent's personality by selecting a model, choosing a prompt template, and editing the specific instructions alongside a live preview.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F01553a8c-142f-4679-9d35-7a0f2057c797.png",{"uuid":191,"title":108,"description":192,"image":193,"image_alt":111,"width":63,"height":69},"97941682-5224-45d3-8051-790966d7fc5b","Settings modal where the user reviews and edits the detailed system prompt instructions for their customer support AI agent.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F97941682-5224-45d3-8051-790966d7fc5b.png",{"slug":30,"title":29,"logo":32},{"uuid":196,"title":197,"canonical_path":4,"kind":51,"patterns_count":133,"categories":198,"screens":199,"app":214},"545a91d9-4ef2-4ea2-a1eb-c8335b85d587","Comparing AI instances",[],[200,206,210],{"uuid":201,"title":202,"description":203,"image":204,"image_alt":205,"width":63,"height":69},"eefc1cd7-549c-4aaa-97eb-9a497187f2b1","Dashboard - Chatbase","AI playground where the user compares chat responses from two instances of the GPT-5.1 model side-by-side.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Feefc1cd7-549c-4aaa-97eb-9a497187f2b1.png","Dashboard - Chatbase from Chatbase",{"uuid":207,"title":202,"description":208,"image":209,"image_alt":205,"width":63,"height":69},"4add7650-25ac-4274-b810-8cacd4168cba","Chat interface","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4add7650-25ac-4274-b810-8cacd4168cba.png",{"uuid":211,"title":202,"description":212,"image":213,"image_alt":205,"width":63,"height":69},"2e1235df-8dcb-408c-91b3-6c8ddd500f7a","Playground view where the user compares chat responses side-by-side between different AI models with configurable settings like temperature and system instructions.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2e1235df-8dcb-408c-91b3-6c8ddd500f7a.png",{"slug":30,"title":29,"logo":32},{"uuid":216,"title":217,"canonical_path":4,"kind":51,"patterns_count":218,"categories":219,"screens":220,"app":224},"27d526f8-d0fa-4af7-9d6c-5575cb950ce7","Configuring compare instances",15,[],[221,222,223],{"uuid":201,"title":202,"description":203,"image":204,"image_alt":205,"width":63,"height":69},{"uuid":207,"title":202,"description":208,"image":209,"image_alt":205,"width":63,"height":69},{"uuid":211,"title":202,"description":212,"image":213,"image_alt":205,"width":63,"height":69},{"slug":30,"title":29,"logo":32},{"uuid":226,"title":227,"canonical_path":4,"kind":51,"patterns_count":123,"categories":228,"screens":233,"app":245},"6dc1d556-d605-4c28-8d80-bb91c1a2c239","Interacting with compared instances",[229],{"id":230,"title":231,"slug":232},83,"Asking Artificial intelligence","ask-artificial-intelligence",[234,237,241],{"uuid":235,"title":202,"description":208,"image":236,"image_alt":205,"width":63,"height":69},"e170c5b8-044e-44f2-8248-1d737e1b9004","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe170c5b8-044e-44f2-8248-1d737e1b9004.png",{"uuid":238,"title":202,"description":239,"image":240,"image_alt":205,"width":63,"height":69},"d730b4ce-1b3c-41e5-bc95-abee88449222","Playground view where the user compares side-by-side outputs from two different AI models or configurations, with options to sync scrolling and add more instances.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd730b4ce-1b3c-41e5-bc95-abee88449222.png",{"uuid":242,"title":202,"description":243,"image":244,"image_alt":205,"width":63,"height":69},"388ce109-7a8a-4523-ad92-280c4a501cac","Playground screen where the user compares the outputs of two AI agent instances side-by-side, with controls to sync their state or configure them individually.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F388ce109-7a8a-4523-ad92-280c4a501cac.png",{"slug":30,"title":29,"logo":32},{"uuid":247,"title":248,"canonical_path":4,"kind":51,"patterns_count":123,"categories":249,"screens":250,"app":264},"14a3d786-bdfc-4f27-bf19-06a2eeeb1f21","Configuring Playground",[],[251,257,260],{"uuid":252,"title":253,"description":254,"image":255,"image_alt":256,"width":63,"height":69},"d3f8a02f-f3eb-4d7d-b7d9-200b53e818dd","Playground - Chatbase","Dashboard where the user configures an AI agent's model and system instructions while testing it in an interactive chat interface.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd3f8a02f-f3eb-4d7d-b7d9-200b53e818dd.png","Playground - Chatbase from Chatbase",{"uuid":258,"title":253,"description":208,"image":259,"image_alt":256,"width":63,"height":69},"6bbcb59b-997e-470c-bf94-347d56a99dfb","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6bbcb59b-997e-470c-bf94-347d56a99dfb.png",{"uuid":261,"title":253,"description":262,"image":263,"image_alt":256,"width":63,"height":69},"35378c85-db72-47d6-a35f-cc6748ce18ff","Agent playground where the user tests their trained AI chatbot, configures the model, and edits system instructions.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F35378c85-db72-47d6-a35f-cc6748ce18ff.png",{"slug":30,"title":29,"logo":32},{"uuid":266,"title":267,"canonical_path":4,"kind":51,"patterns_count":268,"categories":269,"screens":274,"app":278},"11729016-7c43-4234-b4db-f3fd90789865","Adjusting AI model settings",6,[270],{"id":271,"title":272,"slug":273},71,"Settings","settings",[275,276,277],{"uuid":252,"title":253,"description":254,"image":255,"image_alt":256,"width":63,"height":69},{"uuid":258,"title":253,"description":208,"image":259,"image_alt":256,"width":63,"height":69},{"uuid":261,"title":253,"description":262,"image":263,"image_alt":256,"width":63,"height":69},{"slug":30,"title":29,"logo":32},[],[281,284,287,290,293,296],{"label":282,"to":283},"Chatbase product screens","\u002Fexamples\u002Fapps\u002Fchatbase\u002Fscreens",{"label":285,"to":286},"Chatbase marketing pages","\u002Fexamples\u002Fapps\u002Fchatbase\u002Fmarketing",{"label":288,"to":289},"Chatbase UI components","\u002Fexamples\u002Fapps\u002Fchatbase\u002Fcomponents",{"label":291,"to":292},"Customer Service app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcustomer-service",{"label":294,"to":295},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"label":297,"to":298},"No code app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fno-code",{"published_at":300,"updated_at":301},"2026-02-08T08:37:12.000Z","2026-09-13T13:02:39.000Z",{"left":303,"top":303,"width":304,"height":304,"rotate":303,"vFlip":305,"hFlip":305,"body":306},0,20,false,"\u003Cg fill=\"none\">\u003Cpath d=\"M9.7334 2.41699H10.2666C11.3987 2.41699 12.2028 2.41737 12.832 2.46875C13.4526 2.51945 13.8371 2.61637 14.1416 2.77148C14.7531 3.08307 15.2509 3.57988 15.5625 4.19141C15.7176 4.49587 15.8136 4.88039 15.8643 5.50098C15.9157 6.13035 15.916 6.93496 15.916 8.06738V15.1338C15.916 15.6634 15.9153 16.0086 15.8926 16.2578C15.879 16.4067 15.8598 16.4744 15.8525 16.4971C15.8095 16.5461 15.7506 16.576 15.6855 16.5811C15.6634 16.5734 15.5976 16.5486 15.4697 16.4697C15.2568 16.3384 14.9804 16.1313 14.5566 15.8135L11.4102 13.4541C11.1193 13.236 10.8105 12.9878 10.4453 12.8916C10.1533 12.8147 9.84573 12.8147 9.55371 12.8916C9.18862 12.9879 8.88057 13.2361 8.58984 13.4541L5.44336 15.8135C5.01942 16.1314 4.74231 16.3384 4.5293 16.4697C4.40092 16.5489 4.33537 16.5735 4.31348 16.5811C4.24875 16.5759 4.18941 16.5468 4.14648 16.498C4.13942 16.4762 4.12019 16.4085 4.10645 16.2578C4.08375 16.0086 4.08301 15.6634 4.08301 15.1338V8.06738C4.08301 6.93498 4.08335 6.13034 4.13477 5.50098C4.18547 4.88035 4.28236 4.49588 4.4375 4.19141C4.74906 3.58004 5.24605 3.08305 5.85742 2.77148C6.16189 2.61635 6.54637 2.51946 7.16699 2.46875C7.79636 2.41734 8.60099 2.41699 9.7334 2.41699Z\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linejoin=\"round\"\u002F>\u003C\u002Fg>"]