[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Finference\u002Fflows":3,"content-store-meta":-1,"i-custom:bookmark":306},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":51,"showcases":283,"links":284,"dates":303},"\u002Fexamples\u002Fapps\u002Finference\u002Fflows","detail","flows",true,{"title":9,"description":10,"og_image":11},"Inference user flows examples - Nicelydone","Explore Inference user flow examples. Preview the opening screens and steps for each task. Build and monitor self-improving agents.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F217e5904-9a8e-4987-b48b-608f0cebf233.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},"Inference design examples","\u002Fexamples\u002Fapps\u002Finference",{"label":23,"to":4},"Inference 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},"Inference","inference","Build and monitor self-improving agents.","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F65e2bbca-c37f-44d3-a945-dbb7846ba077.png","https:\u002F\u002Finference.net",[35,39,43,47],{"id":36,"title":37,"slug":38},48,"Developer Tools","developer-tools",{"id":40,"title":41,"slug":42},16,"Monitoring","monitoring",{"id":44,"title":45,"slug":46},37,"Developer APIs","developer-apis",{"id":48,"title":49,"slug":50},80,"Artificial Intelligence","artificial-intelligence",[52,79,100,121,147,169,187,209,234,257],{"uuid":53,"title":54,"description":55,"canonical_path":4,"kind":56,"patterns_count":57,"categories":58,"screens":62,"app":78},"5068976b-5da6-4c8d-99e5-73729e76a9e0","Signing in","Authenticating via OAuth providers or email\u002Fpassword on split-screen sign-in pages that include customer testimonials, with multiple default and error states shown","flow",11,[59],{"id":60,"title":54,"slug":61},61,"sign-in",[63,70,74],{"uuid":64,"title":65,"description":66,"image":11,"image_alt":67,"width":68,"height":69},"217e5904-9a8e-4987-b48b-608f0cebf233","Sign In | Inference.net","Sign-in screen where the user authenticates with GitHub, Google, or email, accompanied by a customer testimonial.","Sign In | Inference.net from Inference",3024,1758,{"uuid":71,"title":65,"description":72,"image":73,"image_alt":67,"width":68,"height":69},"3ab89d31-ea33-439f-b3a7-fc4d3ef3c4f6","Sign-in screen where the user authenticates via GitHub, Google, or email, featuring a prominent customer testimonial on the right.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3ab89d31-ea33-439f-b3a7-fc4d3ef3c4f6.png",{"uuid":75,"title":65,"description":76,"image":77,"image_alt":67,"width":68,"height":69},"fc027407-5972-4288-9255-44dc0dbbe9e1","Sign-in screen where the user authenticates with email and password or via GitHub and Google, alongside a customer testimonial.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffc027407-5972-4288-9255-44dc0dbbe9e1.png",{"slug":30,"title":29,"logo":32},{"uuid":80,"title":81,"description":82,"canonical_path":4,"kind":56,"patterns_count":57,"categories":83,"screens":88,"app":99},"0e0d6b7e-f7de-4e2b-8449-b0e6ab954f41","Completing workspace onboarding","workspace onboarding journey completing organization naming, slug setup, team invites, and path selection",[84],{"id":85,"title":86,"slug":87},45,"Onboarding","onboarding",[89,95],{"uuid":90,"title":91,"description":92,"image":93,"image_alt":94,"width":68,"height":69},"0f3dc09f-b47c-4e7b-966e-fb306827dda4","Inference.net | Full-Stack LLM Lifecycle Platform","Getting started","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0f3dc09f-b47c-4e7b-966e-fb306827dda4.png","Inference.net | Full-Stack LLM Lifecycle Platform from Inference",{"uuid":96,"title":91,"description":97,"image":98,"image_alt":94,"width":68,"height":69},"a2392f22-39c2-49ac-b741-e1529dc143a2","Progress indicator Workspace creation B2B SaaS","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa2392f22-39c2-49ac-b741-e1529dc143a2.png",{"slug":30,"title":29,"logo":32},{"uuid":101,"title":102,"description":103,"canonical_path":4,"kind":56,"patterns_count":104,"categories":105,"screens":110,"app":120},"fbdedb9b-b145-4b91-bd3b-5cbd036e0027","Setting up organization","Onboarding flow to name organization, configure custom slug, and invite initial team members via modal with role assignment and validation",6,[106,109],{"id":57,"title":107,"slug":108},"Inviting teammates","invite-teammates",{"id":85,"title":86,"slug":87},[111,112,116],{"uuid":96,"title":91,"description":97,"image":98,"image_alt":94,"width":68,"height":69},{"uuid":113,"title":91,"description":114,"image":115,"image_alt":94,"width":68,"height":69},"2fd52925-1e44-4e4f-9114-a75853e38319","Onboarding step where the user invites a team member by email and assigns them a role via a modal.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2fd52925-1e44-4e4f-9114-a75853e38319.png",{"uuid":117,"title":91,"description":118,"image":119,"image_alt":94,"width":68,"height":69},"f1d6e700-ca15-4248-8627-40aee66774c7","User management","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff1d6e700-ca15-4248-8627-40aee66774c7.png",{"slug":30,"title":29,"logo":32},{"uuid":122,"title":123,"description":124,"canonical_path":4,"kind":56,"patterns_count":125,"categories":126,"screens":131,"app":146},"38b1f263-0cad-410b-9eba-a0f9b459f8fb","Monitoring observability metrics","User views and filters observability metrics dashboard showing requests, error rate, cost, and duration for an AI inference project",8,[127],{"id":128,"title":129,"slug":130},63,"Filtering & sorting","filter-sort",[132,138,142],{"uuid":133,"title":134,"description":135,"image":136,"image_alt":137,"width":68,"height":69},"757ac3d8-6a04-4f2e-a9fe-94933bed398c","Observability | inference.net","Dashboard showing observability metrics like total requests, error rate, cost, and duration for an AI inference project.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F757ac3d8-6a04-4f2e-a9fe-94933bed398c.png","Observability | inference.net from Inference",{"uuid":139,"title":134,"description":140,"image":141,"image_alt":137,"width":68,"height":69},"8f994758-9776-465a-9034-6a55015246d9","Dashboard showing observability metrics like total requests, error rate, and cost with an open popover for building custom data filters.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8f994758-9776-465a-9034-6a55015246d9.png",{"uuid":143,"title":134,"description":144,"image":145,"image_alt":137,"width":68,"height":69},"791fd437-a93e-4c7d-9ea6-4911d31f15ab","API analytics","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F791fd437-a93e-4c7d-9ea6-4911d31f15ab.png",{"slug":30,"title":29,"logo":32},{"uuid":148,"title":149,"description":150,"canonical_path":4,"kind":56,"patterns_count":151,"categories":152,"screens":153,"app":168},"3de6fe5a-bba7-4101-80bf-733fed3e3d50","Testing AI extraction","User enters AI Inference Playground and iterates through code editor states to configure an AI model, supply HTML source, and generate structured JSON output",10,[],[154,160,164],{"uuid":155,"title":156,"description":157,"image":158,"image_alt":159,"width":68,"height":69},"1d382faa-80d5-4810-b615-109e7abcca8f","Dashboard | inference.net","AI playground where the user selects a model and runs it against HTML source code to extract structured JSON data.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1d382faa-80d5-4810-b615-109e7abcca8f.png","Dashboard | inference.net from Inference",{"uuid":161,"title":156,"description":162,"image":163,"image_alt":159,"width":68,"height":69},"e4424b32-c5c7-4c77-bf0f-ade52d801630","Playground editor where the user tests an AI model to extract structured JSON data from sample HTML source code.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe4424b32-c5c7-4c77-bf0f-ade52d801630.png",{"uuid":165,"title":156,"description":166,"image":167,"image_alt":159,"width":68,"height":69},"16ae6799-859e-4fb7-b66e-7af86eb03af3","Playground screen where the user tests an AI model by extracting structured JSON from HTML source code.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F16ae6799-859e-4fb7-b66e-7af86eb03af3.png",{"slug":30,"title":29,"logo":32},{"uuid":170,"title":171,"description":172,"canonical_path":4,"kind":56,"patterns_count":125,"categories":173,"screens":174,"app":186},"ed1f1f9b-a4df-41d7-91ba-c25960c81b68","Inspecting inference performance","User navigates from observability overview dashboard through KPI and chart views to detailed inference trace drawers showing metrics, payloads, and logs for AI model requests",[],[175,178,182],{"uuid":176,"title":134,"description":144,"image":177,"image_alt":137,"width":68,"height":69},"a854233a-f04a-4e7e-b25d-33858238213e","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa854233a-f04a-4e7e-b25d-33858238213e.png",{"uuid":179,"title":134,"description":180,"image":181,"image_alt":137,"width":68,"height":69},"3c2eff7a-6fb8-4d61-9175-3876396c2fbe","Dashboard displaying API observability metrics including total requests, error rate, cost, and duration via KPI tiles and interactive time-series charts.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3c2eff7a-6fb8-4d61-9175-3876396c2fbe.png",{"uuid":183,"title":134,"description":184,"image":185,"image_alt":137,"width":68,"height":69},"da97392e-5f1e-4ef0-8aee-429ed7edea62","Dashboard showing observability metrics including latency percentiles, HTTP status codes, token usage, and a list of recent inferences for an AI model.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fda97392e-5f1e-4ef0-8aee-429ed7edea62.png",{"slug":30,"title":29,"logo":32},{"uuid":188,"title":189,"description":190,"canonical_path":4,"kind":56,"patterns_count":125,"categories":191,"screens":193,"app":208},"ac16fa2b-4168-4284-bbb6-6e8d36c77d65","Monitoring inferences","Reviewing AI model inference logs, metrics, and raw payloads through list views and detail drawers",[192],{"id":128,"title":129,"slug":130},[194,200,204],{"uuid":195,"title":196,"description":197,"image":198,"image_alt":199,"width":68,"height":69},"cfab94ce-9877-4b14-88f9-828140b2db28","Inferences | inference.net","Observability list view showing model inferences, currently in a skeleton loading state.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcfab94ce-9877-4b14-88f9-828140b2db28.png","Inferences | inference.net from Inference",{"uuid":201,"title":196,"description":202,"image":203,"image_alt":199,"width":68,"height":69},"55e537cc-91fd-4152-883f-9f600a43ce64","List view showing recent API inferences with details like time, status, model, format, and token usage.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F55e537cc-91fd-4152-883f-9f600a43ce64.png",{"uuid":205,"title":196,"description":206,"image":207,"image_alt":199,"width":68,"height":69},"a0abc154-69e1-40f0-96cb-bf2005650418","Detail drawer showing the performance metrics, token usage, cost, and raw JSON request and response bodies for a specific AI model inference.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa0abc154-69e1-40f0-96cb-bf2005650418.png",{"slug":30,"title":29,"logo":32},{"uuid":210,"title":211,"description":212,"canonical_path":4,"kind":56,"patterns_count":213,"categories":214,"screens":220,"app":233},"abcc17d2-5973-45b7-a130-261d1de65b75","Monitoring traces","User opens observability traces list in Inference app and sees loading skeleton followed by repeated empty states prompting SDK installation",7,[215,216],{"id":128,"title":129,"slug":130},{"id":217,"title":218,"slug":219},43,"Searching","search",[221,225,229],{"uuid":222,"title":134,"description":223,"image":224,"image_alt":137,"width":68,"height":69},"a60a18cc-f914-4b90-ba75-10ffed83f321","List view where the user monitors AI agent traces, currently showing a loading skeleton, with an extensive filter sidebar for scope, environment, and status.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa60a18cc-f914-4b90-ba75-10ffed83f321.png",{"uuid":226,"title":134,"description":227,"image":228,"image_alt":137,"width":68,"height":69},"c3d19109-9c68-4a3c-8a59-b8a26e4590b3","List view for agent traces showing an empty state with SDK installation instructions for TypeScript and Python.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc3d19109-9c68-4a3c-8a59-b8a26e4590b3.png",{"uuid":230,"title":134,"description":231,"image":232,"image_alt":137,"width":68,"height":69},"725b2e13-c469-4029-bd56-8b8491db9f62","List view for observability traces showing an empty state with installation snippets for TypeScript and Python to capture spans.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F725b2e13-c469-4029-bd56-8b8491db9f62.png",{"slug":30,"title":29,"logo":32},{"uuid":235,"title":236,"description":237,"canonical_path":4,"kind":56,"patterns_count":125,"categories":238,"screens":243,"app":256},"cf6f7b39-4bde-4477-abd9-6a2c0a30da03","Creating deployment","User starts from empty deployments list and configures a new model deployment via multi-screen form including name, slug, model selection, GPU instance type, capacity, and live summary panel",[239],{"id":240,"title":241,"slug":242},28,"Creating","create",[244,248,252],{"uuid":245,"title":156,"description":246,"image":247,"image_alt":159,"width":68,"height":69},"db3703e6-e65e-4704-8d58-2542edee5e91","Project dashboard","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdb3703e6-e65e-4704-8d58-2542edee5e91.png",{"uuid":249,"title":156,"description":250,"image":251,"image_alt":159,"width":68,"height":69},"5c21858f-47ac-4602-9ec7-2506950db6c7","List view showing an empty state for deployments, prompting the user to create one to serve a model on dedicated infrastructure.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5c21858f-47ac-4602-9ec7-2506950db6c7.png",{"uuid":253,"title":156,"description":254,"image":255,"image_alt":159,"width":68,"height":69},"8393ef30-f70b-47d1-904b-692b310d04b3","Creation page where the user configures a new model deployment by setting a name, slug, and selecting a model.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8393ef30-f70b-47d1-904b-692b310d04b3.png",{"slug":30,"title":29,"logo":32},{"uuid":258,"title":259,"description":260,"canonical_path":4,"kind":56,"patterns_count":151,"categories":261,"screens":267,"app":282},"4d2c9d31-7823-46a2-9a48-10016267841d","Configuring model catalog","User accesses AI model catalog settings to manage provider routing, filter models by provider, and review token limits and capabilities across multiple list and table views",[262,263],{"id":128,"title":129,"slug":130},{"id":264,"title":265,"slug":266},71,"Settings","settings",[268,274,278],{"uuid":269,"title":270,"description":271,"image":272,"image_alt":273,"width":68,"height":69},"67c0be58-90f2-43e3-bb9e-132e2cee7f64","Settings | inference.net","Workspace settings","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F67c0be58-90f2-43e3-bb9e-132e2cee7f64.png","Settings | inference.net from Inference",{"uuid":275,"title":270,"description":276,"image":277,"image_alt":273,"width":68,"height":69},"836f5265-1005-49f2-b362-918788217851","Settings page where the user manages provider routing and callable AI models for their project, filtering by provider like Anthropic or OpenAI.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F836f5265-1005-49f2-b362-918788217851.png",{"uuid":279,"title":270,"description":280,"image":281,"image_alt":273,"width":68,"height":69},"2b3cba39-5dcf-4cd0-a591-4a0221d1f0f8","Settings page where the user views a list of available AI models, their token limits, and supported capabilities like tools and structured output.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2b3cba39-5dcf-4cd0-a591-4a0221d1f0f8.png",{"slug":30,"title":29,"logo":32},[],[285,288,291,294,297,300],{"label":286,"to":287},"Inference product screens","\u002Fexamples\u002Fapps\u002Finference\u002Fscreens",{"label":289,"to":290},"Inference marketing pages","\u002Fexamples\u002Fapps\u002Finference\u002Fmarketing",{"label":292,"to":293},"Inference UI components","\u002Fexamples\u002Fapps\u002Finference\u002Fcomponents",{"label":295,"to":296},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"label":298,"to":299},"Monitoring app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fmonitoring",{"label":301,"to":302},"Developer APIs app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-apis",{"published_at":304,"updated_at":305},"2026-06-08T14:03:44.000Z","2026-09-13T13:02:39.000Z",{"left":307,"top":307,"width":308,"height":308,"rotate":307,"vFlip":309,"hFlip":309,"body":310},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>"]