[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fona\u002Fflows":3,"content-store-meta":-1,"i-custom:bookmark":314},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":43,"showcases":294,"links":295,"dates":311},"\u002Fexamples\u002Fapps\u002Fona\u002Fflows","detail","flows",true,{"title":9,"description":10,"og_image":11},"Ona user flows examples - Nicelydone","Explore Ona user flow examples. Preview the opening screens and steps for each task. The AI software engineer you can rely on","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F35984cef-1d6a-4734-a71d-80d3bf861e7e.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},"Ona design examples","\u002Fexamples\u002Fapps\u002Fona",{"label":23,"to":4},"Ona 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},"Ona","ona","The AI software engineer you can rely on","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F5f04e4d2-1820-448d-8510-4d55ff185524.png","https:\u002F\u002Fona.com",[35,39],{"id":36,"title":37,"slug":38},48,"Developer Tools","developer-tools",{"id":40,"title":41,"slug":42},80,"Artificial Intelligence","artificial-intelligence",[44,70,92,117,137,156,178,195,216,236,255,279],{"uuid":45,"title":46,"canonical_path":4,"kind":47,"patterns_count":48,"categories":49,"screens":53,"app":69},"8c3a363b-4a97-42c8-811a-dae05ba3a1a4","Signing in","flow",9,[50],{"id":51,"title":46,"slug":52},61,"sign-in",[54,61,65],{"uuid":55,"title":56,"description":57,"image":11,"image_alt":58,"width":59,"height":60},"35984cef-1d6a-4734-a71d-80d3bf861e7e","Login | Ona","Sign-in screen where the user authenticates via GitHub, Google, or SSO, featuring a promotional offer for core tier credits.","Login | Ona from Ona",3024,1780,{"uuid":62,"title":56,"description":63,"image":64,"image_alt":58,"width":59,"height":60},"147fa0d6-df60-41e3-a033-d2033270d6d2","Sign-in screen where the user authenticates via GitHub, Google, or SSO, featuring a promotional credit banner for first-time upgrades.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F147fa0d6-df60-41e3-a033-d2033270d6d2.png",{"uuid":66,"title":56,"description":67,"image":68,"image_alt":58,"width":59,"height":60},"c4258aba-1da3-4fb9-9c52-13636e4b81d7","Sign-in screen where the user can enter their email address or choose to continue with SSO, set against a colorful blurred background.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc4258aba-1da3-4fb9-9c52-13636e4b81d7.png",{"slug":30,"title":29,"logo":32},{"uuid":71,"title":72,"canonical_path":4,"kind":47,"patterns_count":73,"categories":74,"screens":78,"app":91},"19eadee1-b7de-451e-82eb-d66605225807","Onboarding",11,[75],{"id":76,"title":72,"slug":77},45,"onboarding",[79,84],{"uuid":80,"title":29,"description":81,"image":82,"image_alt":83,"width":59,"height":60},"130e8ea0-8ed3-4c7e-9c0f-9f7449554941","Onboarding step where the user connects their Git provider (GitHub, Bitbucket, or GitLab) to select a repository for their workspace.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F130e8ea0-8ed3-4c7e-9c0f-9f7449554941.png","Ona from Ona",{"uuid":85,"title":86,"description":87,"image":88,"image_alt":89,"width":59,"height":90},"e19dba58-5b00-4ad0-b47b-3e5fa9d835fe","Authorize application","OAuth authorization screen where the user reviews and grants personal data, repository, and workflow access to a third-party application.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe19dba58-5b00-4ad0-b47b-3e5fa9d835fe.png","Authorize application from Ona",1814,{"slug":30,"title":29,"logo":32},{"uuid":93,"title":94,"canonical_path":4,"kind":47,"patterns_count":95,"categories":96,"screens":101,"app":116},"a1eb8cfe-d4a2-405e-9159-12eada7767ce","Executing AI task",10,[97],{"id":98,"title":99,"slug":100},83,"Asking Artificial intelligence","ask-artificial-intelligence",[102,108,112],{"uuid":103,"title":104,"description":105,"image":106,"image_alt":107,"width":59,"height":60},"10970254-9008-4e24-9f0b-8eedb42822c5","New Conversation | Ona","Conversational interface","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F10970254-9008-4e24-9f0b-8eedb42822c5.png","New Conversation | Ona from Ona",{"uuid":109,"title":104,"description":110,"image":111,"image_alt":107,"width":59,"height":60},"ba6c8d3e-616c-4fa0-b5c8-01571d4d47f1","AI chat interface where the user has prompted an agent to scan a codebase and write a unit test, while a right panel displays the live startup sequence of the remote development environment.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fba6c8d3e-616c-4fa0-b5c8-01571d4d47f1.png",{"uuid":113,"title":104,"description":114,"image":115,"image_alt":107,"width":59,"height":60},"30ecca6f-6334-4c45-bed7-6df851c8add6","Workspace management","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F30ecca6f-6334-4c45-bed7-6df851c8add6.png",{"slug":30,"title":29,"logo":32},{"uuid":118,"title":119,"canonical_path":4,"kind":47,"patterns_count":120,"categories":121,"screens":122,"app":136},"b24190f6-b515-448a-b51f-1280a2f8e373","Analyzing codebase",7,[],[123,129,133],{"uuid":124,"title":125,"description":126,"image":127,"image_alt":128,"width":59,"height":60},"0e4cfbfb-b34a-4e94-a442-f2309dbbc7e4","I'll scan the codebase to understand its main business logic, then identify an untested function and | Ona","Conversational UI","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0e4cfbfb-b34a-4e94-a442-f2309dbbc7e4.png","I'll scan the codebase to understand its main business logic, then identify an untested function and | Ona from Ona",{"uuid":130,"title":125,"description":131,"image":132,"image_alt":128,"width":59,"height":60},"1a92c670-7b3d-4d98-ad91-fc6346443be5","Agent execution trace showing a completed plan to scan a codebase, a summary of findings, and a prompt for the next task.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1a92c670-7b3d-4d98-ad91-fc6346443be5.png",{"uuid":134,"title":125,"description":105,"image":135,"image_alt":128,"width":59,"height":60},"19c75610-8429-4ace-82a2-755995ca445f","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F19c75610-8429-4ace-82a2-755995ca445f.png",{"slug":30,"title":29,"logo":32},{"uuid":138,"title":139,"canonical_path":4,"kind":47,"patterns_count":73,"categories":140,"screens":142,"app":155},"071f09dc-48dc-4481-b1e5-393137169410","Reviewing AI task progress",[141],{"id":98,"title":99,"slug":100},[143,147,151],{"uuid":144,"title":125,"description":145,"image":146,"image_alt":128,"width":59,"height":60},"d853397d-da83-4821-833b-570dbc95f1b9","Agent trace view where the user monitors a multi-step codebase scanning plan alongside a live IDE environment.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd853397d-da83-4821-833b-570dbc95f1b9.png",{"uuid":148,"title":125,"description":149,"image":150,"image_alt":128,"width":59,"height":60},"f09f908c-9eb0-4c51-b583-c8cc3e0c4d29","Agent trace view where the user monitors an AI scanning an empty codebase to write a unit test, showing a plan of todos, an execution summary, and a command composer.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff09f908c-9eb0-4c51-b583-c8cc3e0c4d29.png",{"uuid":152,"title":125,"description":153,"image":154,"image_alt":128,"width":59,"height":60},"c59080f4-7782-43dc-9708-764e9db76848","Agent trace view where the user monitors an AI assistant scanning a codebase and generating unit tests, with options to review code changes or open the project in VS Code.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc59080f4-7782-43dc-9708-764e9db76848.png",{"slug":30,"title":29,"logo":32},{"uuid":157,"title":158,"canonical_path":4,"kind":47,"patterns_count":120,"categories":159,"screens":164,"app":177},"25862859-624b-4b7c-8df1-e6ce6b047c46","Creating iOS app structure",[160],{"id":161,"title":162,"slug":163},28,"Creating","create",[165,169,173],{"uuid":166,"title":125,"description":167,"image":168,"image_alt":128,"width":59,"height":60},"6b5f69d1-165f-4e89-b77a-46654b505ba8","Progress tracking Conversational UI","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6b5f69d1-165f-4e89-b77a-46654b505ba8.png",{"uuid":170,"title":125,"description":171,"image":172,"image_alt":128,"width":59,"height":60},"94687454-ff7e-4335-a74c-41300d5cd783","Chat interface","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F94687454-ff7e-4335-a74c-41300d5cd783.png",{"uuid":174,"title":125,"description":175,"image":176,"image_alt":128,"width":59,"height":60},"7844349b-1b86-4d14-90a3-e35f1a2fb4f8","Agent trace view where the user monitors an AI assistant executing a plan to create a basic iOS app structure, showing a list of completed and pending steps.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7844349b-1b86-4d14-90a3-e35f1a2fb4f8.png",{"slug":30,"title":29,"logo":32},{"uuid":179,"title":180,"canonical_path":4,"kind":47,"patterns_count":120,"categories":181,"screens":182,"app":194},"5598573e-8174-4f17-a354-109e2e3a4ed2","Committing code changes",[],[183,187,190],{"uuid":184,"title":125,"description":185,"image":186,"image_alt":128,"width":59,"height":60},"4883e5ed-3be6-42af-bb3a-dfb1c06657fb","AI chat interface where the user reviews an agent's codebase scan and instructs it to commit and push changes to GitHub.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4883e5ed-3be6-42af-bb3a-dfb1c06657fb.png",{"uuid":188,"title":125,"description":105,"image":189,"image_alt":128,"width":59,"height":60},"214deb0e-3753-4077-876b-939ae3aba482","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F214deb0e-3753-4077-876b-939ae3aba482.png",{"uuid":191,"title":125,"description":192,"image":193,"image_alt":128,"width":59,"height":60},"6817e6ed-065e-427b-b246-9e683da96cd5","AI chat interface where the user instructs an agent to commit and push codebase changes to GitHub, showing a trace of the executed terminal commands.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6817e6ed-065e-427b-b246-9e683da96cd5.png",{"slug":30,"title":29,"logo":32},{"uuid":196,"title":197,"canonical_path":4,"kind":47,"patterns_count":198,"categories":199,"screens":201,"app":215},"c45a69bd-c82b-4877-bad8-51fc41d24352","Starting new conversation",6,[200],{"id":98,"title":99,"slug":100},[202,208,211],{"uuid":203,"title":204,"description":205,"image":206,"image_alt":207,"width":59,"height":60},"76efaeb7-5b62-45dc-bc3f-684c7ecfcd02","main | Ona","App view where the user can start an AI conversation while monitoring the provisioning timeline of their remote development environment.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F76efaeb7-5b62-45dc-bc3f-684c7ecfcd02.png","main | Ona from Ona",{"uuid":209,"title":204,"description":171,"image":210,"image_alt":207,"width":59,"height":60},"422a6d24-37ed-4fc5-8cf4-f70d4f939acf","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F422a6d24-37ed-4fc5-8cf4-f70d4f939acf.png",{"uuid":212,"title":204,"description":213,"image":214,"image_alt":207,"width":59,"height":60},"283ce75e-d147-47fe-9841-e6058ed9fba0","AI chat interface where the user can interact with an agent to explain the codebase, fix bugs, or boost test coverage, alongside a sidebar showing git status and code changes.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F283ce75e-d147-47fe-9841-e6058ed9fba0.png",{"slug":30,"title":29,"logo":32},{"uuid":217,"title":218,"canonical_path":4,"kind":47,"patterns_count":219,"categories":220,"screens":222,"app":235},"68479779-6055-482e-a73f-ded30d8dcde3","Browsing AI dashboard",18,[221],{"id":98,"title":99,"slug":100},[223,227,231],{"uuid":224,"title":29,"description":225,"image":226,"image_alt":83,"width":59,"height":60},"6f4c15b8-849a-4d87-a5f7-24ec5aee375d","AI chat interface where the user can prompt an agent to perform tasks on a connected codebase, with quick-start suggestions like explaining code or fixing bugs.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6f4c15b8-849a-4d87-a5f7-24ec5aee375d.png",{"uuid":228,"title":29,"description":229,"image":230,"image_alt":83,"width":59,"height":60},"826c605a-9019-42fb-92c8-41f25f154ce9","Home screen where the user can start a new AI task via a large prompt composer with attached repository context, or resume recent tasks.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F826c605a-9019-42fb-92c8-41f25f154ce9.png",{"uuid":232,"title":29,"description":233,"image":234,"image_alt":83,"width":59,"height":60},"bc920904-3a52-4ef4-b8b9-b2796750686b","AI chat interface where the user can enter a prompt to scan the codebase or choose from suggested tasks like explaining the codebase or fixing a bug.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbc920904-3a52-4ef4-b8b9-b2796750686b.png",{"slug":30,"title":29,"logo":32},{"uuid":237,"title":119,"canonical_path":4,"kind":47,"patterns_count":48,"categories":238,"screens":240,"app":254},"0ae45589-8b87-41a0-bce3-d5d06ec057e3",[239],{"id":98,"title":99,"slug":100},[241,246,250],{"uuid":242,"title":243,"description":171,"image":244,"image_alt":245,"width":59,"height":60},"81f1718a-9c99-48f6-a32c-49840caa3253","Codebase Analysis Request | Ona","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F81f1718a-9c99-48f6-a32c-49840caa3253.png","Codebase Analysis Request | Ona from Ona",{"uuid":247,"title":243,"description":248,"image":249,"image_alt":245,"width":59,"height":60},"2096d47c-aa39-42c6-80ca-2b0a64e6234a","Agent execution trace showing a codebase analysis request with a list of completed and pending sub-tasks, alongside a prompt input for follow-up commands and a git status inspector panel.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2096d47c-aa39-42c6-80ca-2b0a64e6234a.png",{"uuid":251,"title":243,"description":252,"image":253,"image_alt":245,"width":59,"height":60},"f03d3548-2e82-47ef-9a7a-13c72f5adf46","Agent trace view where the user monitors the AI's progress on a codebase analysis request, reviewing completed and pending tasks while having the option to add follow-up commands.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff03d3548-2e82-47ef-9a7a-13c72f5adf46.png",{"slug":30,"title":29,"logo":32},{"uuid":256,"title":257,"canonical_path":4,"kind":47,"patterns_count":258,"categories":259,"screens":263,"app":278},"307dabcd-6f37-42ae-bd38-057b4af9a3a3","Creating project",8,[260],{"id":261,"title":257,"slug":262},20,"create-project",[264,270,274],{"uuid":265,"title":266,"description":267,"image":268,"image_alt":269,"width":59,"height":60},"ce6b056b-d712-48fd-b49b-2dd32f8ed20a","Projects | Ona","Sidebar navigation Getting started Search bar","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fce6b056b-d712-48fd-b49b-2dd32f8ed20a.png","Projects | Ona from Ona",{"uuid":271,"title":266,"description":272,"image":273,"image_alt":269,"width":59,"height":60},"1d8c99fe-6224-4b39-b128-ea5ac715d6f4","Sidebar navigation Project management","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1d8c99fe-6224-4b39-b128-ea5ac715d6f4.png",{"uuid":275,"title":266,"description":276,"image":277,"image_alt":269,"width":59,"height":60},"4d89c4ef-1491-4445-ab4d-c3eccb0b4af1","Workspace creation","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4d89c4ef-1491-4445-ab4d-c3eccb0b4af1.png",{"slug":30,"title":29,"logo":32},{"uuid":280,"title":281,"canonical_path":4,"kind":47,"patterns_count":198,"categories":282,"screens":283,"app":293},"2e59fbee-5fe4-42f5-8257-c98dea854125","Configuring project details",[],[284,285,289],{"uuid":275,"title":266,"description":276,"image":277,"image_alt":269,"width":59,"height":60},{"uuid":286,"title":266,"description":287,"image":288,"image_alt":269,"width":59,"height":60},"5f30a55a-4916-4da1-ab4c-93cbed06a044","Modal where the user creates a new project by selecting a Git repository, naming the project, and configuring environment classes.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5f30a55a-4916-4da1-ab4c-93cbed06a044.png",{"uuid":290,"title":266,"description":291,"image":292,"image_alt":269,"width":59,"height":60},"f64f7252-43a4-4a36-a5d9-0c7ff09a0c29","Modal where the user creates a new project by searching for and selecting a private Git repository.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff64f7252-43a4-4a36-a5d9-0c7ff09a0c29.png",{"slug":30,"title":29,"logo":32},[],[296,299,302,305,308],{"label":297,"to":298},"Ona product screens","\u002Fexamples\u002Fapps\u002Fona\u002Fscreens",{"label":300,"to":301},"Ona marketing pages","\u002Fexamples\u002Fapps\u002Fona\u002Fmarketing",{"label":303,"to":304},"Ona UI components","\u002Fexamples\u002Fapps\u002Fona\u002Fcomponents",{"label":306,"to":307},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"label":309,"to":310},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"published_at":312,"updated_at":313},"2026-01-25T20:46:16.000Z","2026-09-13T13:02:39.000Z",{"left":315,"top":315,"width":261,"height":261,"rotate":315,"vFlip":316,"hFlip":316,"body":317},0,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>"]