[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fscreens\u002F4c6ab910-af9c-42ed-a481-09ba13399aaf":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"examples":26,"showcases":106,"links":107,"dates":120},"\u002Fexamples\u002Fscreens\u002F4c6ab910-af9c-42ed-a481-09ba13399aaf","detail","screens",true,{"title":9,"description":10,"og_image":11},"Projects - Nicelydone - Braintrust - Nicelydone","Screen UI design example from Braintrust. Onboarding screen where the user selects between TypeScript and Python to view starter code for installing the SDK…","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4c6ab910-af9c-42ed-a481-09ba13399aaf.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS screen examples","\u002Fexamples\u002Fscreens",{"label":20,"to":4},"Projects - Nicelydone - Braintrust",{"title":20,"eyebrow":22,"description":23,"sections":24,"body":25},"Screen design","Screen UI design example from Braintrust. Onboarding screen where the user selects between TypeScript and Python to view starter code for installing the SDK and running their first evaluation, followed by a prompt to create an API key.",[],[],[27],{"uuid":28,"title":20,"description":29,"canonical_path":30,"image":11,"width":31,"height":32,"image_alt":33,"published_at":34,"kind":35,"patterns":36,"component_categories":67,"app":84},"4c6ab910-af9c-42ed-a481-09ba13399aaf","Onboarding screen where the user selects between TypeScript and Python to view starter code for installing the SDK and running their first evaluation, followed by a prompt to create an API key.","\u002Fexamples\u002Fapps\u002Fbraintrust\u002Fscreens",3024,2860,"Projects - Nicelydone - Braintrust from Braintrust","2024-12-16T10:47:27.000Z","screen",[37,46,52,61],{"id":38,"label":39,"slug":40,"rank":41,"group":42},72,"Getting Started","getting-started",0,{"id":43,"label":44,"slug":45},7,"Onboarding & Education","onboarding-and-education",{"id":47,"label":48,"slug":49,"rank":50,"group":51},75,"Setup Wizard","setup-wizard",1,{"id":43,"label":44,"slug":45},{"id":53,"label":54,"slug":55,"rank":56,"group":57},53,"Code Editor","code-editor",2,{"id":58,"label":59,"slug":60},5,"Media & Tools","media-and-tools",{"id":62,"label":63,"slug":64,"rank":65,"group":66},76,"Tutorial","tutorial",3,{"id":43,"label":44,"slug":45},[68,72,76,80],{"id":69,"title":70,"slug":71},240,"Horizontal navigation","horizontal-navigation",{"id":73,"title":74,"slug":75},175,"Button","button",{"id":77,"title":78,"slug":79},169,"Avatar","avatar",{"id":81,"title":82,"slug":83},233,"Tabs","tabs",{"slug":85,"title":86,"logo":87,"baseline":88,"categories":89},"braintrust","Braintrust","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fbraintrust-d86c86ag.png","Ship LLM products that work",[90,94,98,102],{"id":91,"title":92,"slug":93},37,"Developer APIs","developer-apis",{"id":95,"title":96,"slug":97},80,"Artificial Intelligence","artificial-intelligence",{"id":99,"title":100,"slug":101},16,"Monitoring","monitoring",{"id":103,"title":104,"slug":105},48,"Developer Tools","developer-tools",[],[108,110,112,114,116,118],{"label":54,"to":109},"\u002Fexamples\u002Fscreens\u002Fcode-editor",{"label":39,"to":111},"\u002Fexamples\u002Fscreens\u002Fgetting-started",{"label":48,"to":113},"\u002Fexamples\u002Fscreens\u002Fsetup-wizard",{"label":63,"to":115},"\u002Fexamples\u002Fscreens\u002Ftutorial",{"label":117,"to":30},"Braintrust screen designs",{"label":119,"to":18},"All screen examples",{"published_at":121,"updated_at":122},"2024-12-15T15:22:59.000Z","2026-09-05T20:19:35.671Z"]