[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fscreens\u002F04a6c01a-cf33-43a3-82bf-4b122aa7867c":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"examples":26,"showcases":84,"links":85,"dates":96},"\u002Fexamples\u002Fscreens\u002F04a6c01a-cf33-43a3-82bf-4b122aa7867c","detail","screens",true,{"title":9,"description":10,"og_image":11},"New conversation - Grok - Nicelydone","Screen UI design example from Grok. AI chat interface where the user has prompted the assistant to draw astronauts on the moon, currently displaying…","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F04a6c01a-cf33-43a3-82bf-4b122aa7867c.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS screen examples","\u002Fexamples\u002Fscreens",{"label":20,"to":4},"New conversation - Grok",{"title":20,"eyebrow":22,"description":23,"sections":24,"body":25},"Screen design","Screen UI design example from Grok. AI chat interface where the user has prompted the assistant to draw astronauts on the moon, currently displaying skeleton placeholders while the images generate.",[],[],[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":61,"app":74},"04a6c01a-cf33-43a3-82bf-4b122aa7867c","AI chat interface where the user has prompted the assistant to draw astronauts on the moon, currently displaying skeleton placeholders while the images generate.","\u002Fexamples\u002Fapps\u002Fgrok\u002Fscreens",3024,1714,"New conversation - Grok from Grok","2025-04-14T08:55:44.000Z","screen",[37,46,52],{"id":38,"label":39,"slug":40,"rank":41,"group":42},28,"AI Chat","ai-chat",0,{"id":43,"label":44,"slug":45},3,"AI","ai",{"id":47,"label":48,"slug":49,"rank":50,"group":51},30,"AI Generation","ai-generation",1,{"id":43,"label":44,"slug":45},{"id":53,"label":54,"slug":55,"rank":56,"group":57},120,"Loading","loading",2,{"id":58,"label":59,"slug":60},12,"States & Feedback","states-and-feedback",[62,66,70],{"id":63,"title":64,"slug":65},240,"Horizontal navigation","horizontal-navigation",{"id":67,"title":68,"slug":69},175,"Button","button",{"id":71,"title":72,"slug":73},226,"Skeleton","skeleton",{"slug":75,"title":76,"logo":77,"baseline":78,"categories":79},"grok","Grok","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fgrok-hpyfsu57.png",null,[80],{"id":81,"title":82,"slug":83},80,"Artificial Intelligence","artificial-intelligence",[],[86,88,90,92,94],{"label":39,"to":87},"\u002Fexamples\u002Fscreens\u002Fai-chat",{"label":48,"to":89},"\u002Fexamples\u002Fscreens\u002Fai-generation",{"label":54,"to":91},"\u002Fexamples\u002Fscreens\u002Floading",{"label":93,"to":30},"Grok screen designs",{"label":95,"to":18},"All screen examples",{"published_at":97,"updated_at":98},"2025-04-13T12:49:48.000Z","2026-09-05T20:19:43.340Z"]