[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fdeck\u002Fflows":3,"content-store-meta":-1,"i-custom:bookmark":318},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":44,"showcases":280,"links":281,"dates":315},"\u002Fexamples\u002Fapps\u002Fdeck\u002Fflows","detail","flows",true,{"title":9,"description":10,"og_image":11},"Deck user flows examples - Nicelydone","Explore Deck user flow examples. Preview the opening screens and steps for each task. Developer infrastructure for computer use agents that automate…","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5a2f25b5-c37e-407c-a347-4843dee22597.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},"Deck design examples","\u002Fexamples\u002Fapps\u002Fdeck",{"label":23,"to":4},"Deck user flows examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Explore Deck user flow examples. Preview the opening screens and steps for each task. Developer infrastructure for computer use agents that automate workflows in any software without APIs",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"categories":35},"Deck","deck","Developer infrastructure for computer use agents that automate workflows in any software without APIs","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F2cb697ac-0da8-451b-98af-70f057dff58b.png","https:\u002F\u002Fdeck.co",[36,40],{"id":37,"title":38,"slug":39},48,"Developer Tools","developer-tools",{"id":41,"title":42,"slug":43},80,"Artificial Intelligence","artificial-intelligence",[45,73,95,113,132,147,170,189,203,228,247,266],{"uuid":46,"title":47,"description":48,"canonical_path":4,"kind":49,"patterns_count":50,"categories":51,"screens":56,"app":72},"3abe294c-3b27-41d9-9774-f2f6ef7cd3c4","Signing up with email","User enters email and password on unified auth screen to create Deck account, with inline password validation and social OAuth options available","flow",4,[52],{"id":53,"title":54,"slug":55},103,"Signing up","signing-up",[57,64,68],{"uuid":58,"title":59,"description":60,"image":11,"image_alt":61,"width":62,"height":63},"5a2f25b5-c37e-407c-a347-4843dee22597","Deck Console","Signup screen where the user can authenticate using GitHub, Google, or an email and password combination.","Deck Console from Deck",3024,1758,{"uuid":65,"title":59,"description":66,"image":67,"image_alt":61,"width":62,"height":63},"8ecc8c8e-6172-4e00-9ced-54834305787b","Signup screen where the user can authenticate with GitHub, Google, or create an account using an email and password.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8ecc8c8e-6172-4e00-9ced-54834305787b.png",{"uuid":69,"title":59,"description":70,"image":71,"image_alt":61,"width":62,"height":63},"d6ab75b2-e70b-4f09-9cfa-d598f70c7ae9","Account creation","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd6ab75b2-e70b-4f09-9cfa-d598f70c7ae9.png",{"slug":31,"title":30,"logo":33},{"uuid":74,"title":75,"description":76,"canonical_path":4,"kind":49,"patterns_count":50,"categories":77,"screens":81,"app":94},"3e04c9e7-c788-4198-b849-4ab4e10d825a","Verifying identity","Completing Cloudflare CAPTCHA then entering email verification code to access Deck",[78],{"id":79,"title":75,"slug":80},36,"verify-identity",[82,86,90],{"uuid":83,"title":59,"description":84,"image":85,"image_alt":61,"width":62,"height":63},"6f470567-c3c0-4fb2-b5e5-12acfd2e13b2","Verification screen where the user must complete a Cloudflare CAPTCHA challenge before accessing the application.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6f470567-c3c0-4fb2-b5e5-12acfd2e13b2.png",{"uuid":87,"title":59,"description":88,"image":89,"image_alt":61,"width":62,"height":63},"2e014f61-7ae9-422c-b482-e81e57309a3a","Account setup Email verification","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2e014f61-7ae9-422c-b482-e81e57309a3a.png",{"uuid":91,"title":59,"description":92,"image":93,"image_alt":61,"width":62,"height":63},"f089123f-d146-40fa-a596-69a66dccd7a7","Email verification","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff089123f-d146-40fa-a596-69a66dccd7a7.png",{"slug":31,"title":30,"logo":33},{"uuid":96,"title":97,"description":98,"canonical_path":4,"kind":49,"patterns_count":99,"categories":100,"screens":101,"app":112},"c9b67492-3e9e-4cf3-a7ca-8788fad7a218","Monitoring agent activity","Viewing agent task run errors, credentials created, and empty agent sessions state on the home dashboard",2,[],[102,108],{"uuid":103,"title":104,"description":105,"image":106,"image_alt":107,"width":62,"height":63},"6236e78b-31c4-49a0-a552-ce5b1d9771c4","Home | Deck Console","Dashboard showing agent task run errors and credentials created, with an empty state for agent sessions.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6236e78b-31c4-49a0-a552-ce5b1d9771c4.png","Home | Deck Console from Deck",{"uuid":109,"title":104,"description":110,"image":111,"image_alt":107,"width":62,"height":63},"d2da4b1f-9059-4969-ac36-1df44a3b8633","Dashboard where the user views agent metrics and sessions, currently showing an empty state with a prompt to read documentation.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd2da4b1f-9059-4969-ac36-1df44a3b8633.png",{"slug":31,"title":30,"logo":33},{"uuid":114,"title":115,"description":116,"canonical_path":4,"kind":49,"patterns_count":99,"categories":117,"screens":122,"app":131},"19fc21dd-f92d-4742-9ff6-639afdd8b4a6","Creating credential","User enters credentials management in empty state and is prompted to create first credential for agent sign-ins",[118],{"id":119,"title":120,"slug":121},28,"Creating","create",[123,127],{"uuid":124,"title":59,"description":125,"image":126,"image_alt":61,"width":62,"height":63},"99956729-d37b-41bd-b14b-6fbcd69526af","List view for managing credentials where the user is prompted to create their first one to allow agents to sign in to sources.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F99956729-d37b-41bd-b14b-6fbcd69526af.png",{"uuid":128,"title":59,"description":129,"image":130,"image_alt":61,"width":62,"height":63},"8adfc808-12d3-44ce-a5e0-9372f5c63f74","List view showing an empty state for credentials, prompting the user to create their first credential to allow agents to sign into sources.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8adfc808-12d3-44ce-a5e0-9372f5c63f74.png",{"slug":31,"title":30,"logo":33},{"uuid":133,"title":134,"description":135,"canonical_path":4,"kind":49,"patterns_count":99,"categories":136,"screens":137,"app":146},"74fc2995-d1af-4eb3-9bb6-f04951216045","Monitoring agent metrics","Viewing empty agent dashboard with onboarding checklist and zero-value task volume and success rate charts",[],[138,142],{"uuid":139,"title":104,"description":140,"image":141,"image_alt":107,"width":62,"height":63},"c579db0e-4b39-40f2-8e0d-e6ddd0508c4d","Dashboard with a getting started checklist for creating agents and empty charts for task volume and success rate.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc579db0e-4b39-40f2-8e0d-e6ddd0508c4d.png",{"uuid":143,"title":104,"description":144,"image":145,"image_alt":107,"width":62,"height":63},"3d1053ec-1a2a-4ed3-a777-035d49802297","Dashboard home screen featuring a getting started checklist for building AI agents and an overview of task volume and success rate metrics.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3d1053ec-1a2a-4ed3-a777-035d49802297.png",{"slug":31,"title":30,"logo":33},{"uuid":148,"title":149,"description":150,"canonical_path":4,"kind":49,"patterns_count":151,"categories":152,"screens":156,"app":169},"313b6100-65e4-45e0-9fc9-410580b8b51b","Adding new source","User starts from empty sources list, opens add source modal, enters name and URL, submits the form, and sees the new source appear in the list with a success toast.",6,[153],{"id":154,"title":149,"slug":155},24,"add-new-source",[157,161,165],{"uuid":158,"title":59,"description":159,"image":160,"image_alt":61,"width":62,"height":63},"e5741118-4c2d-418a-bc5c-7f2d5c0c5a6a","Sidebar navigation","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe5741118-4c2d-418a-bc5c-7f2d5c0c5a6a.png",{"uuid":162,"title":59,"description":163,"image":164,"image_alt":61,"width":62,"height":63},"8bf61774-eed9-4725-9b14-849946ff90bb","List view for sources where an empty state prompts the user to add a new service connection by entering a name and URL in a modal.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8bf61774-eed9-4725-9b14-849946ff90bb.png",{"uuid":166,"title":59,"description":167,"image":168,"image_alt":61,"width":62,"height":63},"18eaef66-dd8f-4051-999d-72bbacbe2ecb","List view for sources where the user is adding a new service connection via a modal form, entering a name and URL.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F18eaef66-dd8f-4051-999d-72bbacbe2ecb.png",{"slug":31,"title":30,"logo":33},{"uuid":171,"title":149,"canonical_path":4,"kind":49,"patterns_count":172,"categories":173,"screens":175,"app":188},"4dded432-1168-4939-a9bb-95bcdeb59075",5,[174],{"id":154,"title":149,"slug":155},[176,180,184],{"uuid":177,"title":59,"description":178,"image":179,"image_alt":61,"width":62,"height":63},"b541df4e-95f6-40b5-aa36-ead2dcec9ca3","List view of sources where the user is adding a new service connection via a modal, requiring a name and URL.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb541df4e-95f6-40b5-aa36-ead2dcec9ca3.png",{"uuid":181,"title":59,"description":182,"image":183,"image_alt":61,"width":62,"height":63},"c14aa6c7-40b4-4e06-8213-56728c038126","Data integration","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc14aa6c7-40b4-4e06-8213-56728c038126.png",{"uuid":185,"title":59,"description":186,"image":187,"image_alt":61,"width":62,"height":63},"bc11e3cd-3107-4ce5-9d3e-594c1f540b55","List view where the user adds a new data source via a modal by providing a name and URL.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbc11e3cd-3107-4ce5-9d3e-594c1f540b55.png",{"slug":31,"title":30,"logo":33},{"uuid":190,"title":149,"canonical_path":4,"kind":49,"patterns_count":99,"categories":191,"screens":193,"app":202},"587568a5-2604-4829-80e5-98fa0b226c41",[192],{"id":154,"title":149,"slug":155},[194,198],{"uuid":195,"title":59,"description":196,"image":197,"image_alt":61,"width":62,"height":63},"37215f7f-72c0-415b-8c0e-99360fd56c68","List view where the user is adding a new source by providing a name and URL in a modal overlay.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F37215f7f-72c0-415b-8c0e-99360fd56c68.png",{"uuid":199,"title":59,"description":200,"image":201,"image_alt":61,"width":62,"height":63},"d3e5dcde-da71-4cd9-9371-e9d0e66b046f","Toast notification","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd3e5dcde-da71-4cd9-9371-e9d0e66b046f.png",{"slug":31,"title":30,"logo":33},{"uuid":204,"title":205,"description":206,"canonical_path":4,"kind":49,"patterns_count":207,"categories":208,"screens":214,"app":227},"35ee78c1-a349-4298-b571-b504e031d16d","Connecting new source","User opens Add Source modal from sources list, enters name and URL for a new service, submits, and sees updated sources list with creation toast",3,[209,210],{"id":154,"title":149,"slug":155},{"id":211,"title":212,"slug":213},62,"Connecting to integration","connect-to-integration",[215,219,223],{"uuid":216,"title":59,"description":217,"image":218,"image_alt":61,"width":62,"height":63},"6af8c6af-5fba-46a9-9fb3-ffac808abd5a","List view of configured sources with an active modal where the user can connect a new service by providing its name and URL.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6af8c6af-5fba-46a9-9fb3-ffac808abd5a.png",{"uuid":220,"title":59,"description":221,"image":222,"image_alt":61,"width":62,"height":63},"383574fc-aba5-4097-8804-9e2e757b5fcd","Create modal where the user adds a new service source by providing a name and URL.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F383574fc-aba5-4097-8804-9e2e757b5fcd.png",{"uuid":224,"title":59,"description":225,"image":226,"image_alt":61,"width":62,"height":63},"295a5999-2162-4dc4-975c-e181f6c66854","Toast notification Integration management","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F295a5999-2162-4dc4-975c-e181f6c66854.png",{"slug":31,"title":30,"logo":33},{"uuid":229,"title":149,"description":230,"canonical_path":4,"kind":49,"patterns_count":207,"categories":231,"screens":233,"app":246},"091d26a4-979c-4712-bc87-6d854c00730f","User opens Add Source modal from sources list, enters name and URL, submits to create connection, then sees updated list with new source and creation notification",[232],{"id":154,"title":149,"slug":155},[234,238,242],{"uuid":235,"title":59,"description":236,"image":237,"image_alt":61,"width":62,"height":63},"295ca3e1-69c2-4d4a-8bd4-ff112a1f367b","Modal where the user creates a new source by providing a name and URL for their agents to connect to.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F295ca3e1-69c2-4d4a-8bd4-ff112a1f367b.png",{"uuid":239,"title":59,"description":240,"image":241,"image_alt":61,"width":62,"height":63},"e60c61fb-5f01-4baf-9f29-da183fea54fc","List view of sources with a modal open to add a new service connection by providing a name and URL.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe60c61fb-5f01-4baf-9f29-da183fea54fc.png",{"uuid":243,"title":59,"description":244,"image":245,"image_alt":61,"width":62,"height":63},"ddd7e018-2472-4c02-8c0f-dc9b1953d0ee","List view where the user manages data sources with their URLs and last updated times.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fddd7e018-2472-4c02-8c0f-dc9b1953d0ee.png",{"slug":31,"title":30,"logo":33},{"uuid":248,"title":249,"canonical_path":4,"kind":49,"patterns_count":250,"categories":251,"screens":253,"app":265},"abfb00d6-cdae-42b1-9eb0-946112be224f","Creating AI agent",9,[252],{"id":119,"title":120,"slug":121},[254,258,262],{"uuid":255,"title":59,"description":256,"image":257,"image_alt":61,"width":62,"height":63},"cacd2c16-9255-48ca-96ad-fc85470f3904","Wizard step where the user sets up an AI agent by defining a data source and choosing a template for specific tasks like payments or onboarding.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcacd2c16-9255-48ca-96ad-fc85470f3904.png",{"uuid":259,"title":59,"description":260,"image":261,"image_alt":61,"width":62,"height":63},"19b6dd17-53c3-4098-8b0b-1b7c0e478c2b","Template selection","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F19b6dd17-53c3-4098-8b0b-1b7c0e478c2b.png",{"uuid":263,"title":59,"description":260,"image":264,"image_alt":61,"width":62,"height":63},"7ea7cbac-b0aa-4ab0-99b3-583844c1f92f","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7ea7cbac-b0aa-4ab0-99b3-583844c1f92f.png",{"slug":31,"title":30,"logo":33},{"uuid":267,"title":268,"canonical_path":4,"kind":49,"patterns_count":99,"categories":269,"screens":270,"app":279},"36c6e96a-de49-4689-9f06-9507d856f9c1","Monitoring agent performance",[],[271,275],{"uuid":272,"title":59,"description":273,"image":274,"image_alt":61,"width":62,"height":63},"9b29c137-a1ff-47fb-a4dc-e07127746b76","Detail page for a specific AI agent showing its configured tasks, a history of task runs, and performance metrics like success rate and volume.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9b29c137-a1ff-47fb-a4dc-e07127746b76.png",{"uuid":276,"title":59,"description":277,"image":278,"image_alt":61,"width":62,"height":63},"48d56329-8505-4797-9f83-563c52f44329","Detail page for an AI agent showing its configured tasks, a searchable list of recent task runs, and performance metrics like success rate and volume.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F48d56329-8505-4797-9f83-563c52f44329.png",{"slug":31,"title":30,"logo":33},[],[282,285,288,291,294,297,299,303,307,311],{"label":283,"to":284},"Deck product screens","\u002Fexamples\u002Fapps\u002Fdeck\u002Fscreens",{"label":286,"to":287},"Deck marketing pages","\u002Fexamples\u002Fapps\u002Fdeck\u002Fmarketing",{"label":289,"to":290},"Deck UI components","\u002Fexamples\u002Fapps\u002Fdeck\u002Fcomponents",{"label":292,"to":293},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"label":295,"to":296},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"label":298,"to":18},"All SaaS app examples",{"label":300,"to":301,"description":302},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":304,"to":305,"description":306},"SaaS marketing page examples","\u002Fexamples\u002Fpages","Browse real SaaS marketing pages grouped by page type, from landing pages to pricing and customer story pages.",{"label":308,"to":309,"description":310},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":312,"to":313,"description":314},"User flow examples from SaaS apps","\u002Fexamples\u002Fflows","Explore user flow examples for sign-up, onboarding, billing, and other SaaS tasks. Compare the order of screens and preview the opening steps from real apps.",{"published_at":316,"updated_at":317},"2026-08-14T06:09:53.000Z","2026-09-29T15:14:45.000Z",{"left":319,"top":319,"width":320,"height":320,"rotate":319,"vFlip":321,"hFlip":321,"body":322},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>"]