[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fscreens\u002F42ecdddb-97d8-4011-9b13-907679b7238f":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"totals":-1,"category":-1,"seo":8,"breadcrumbs":12,"content":21,"app":-1,"examples":26,"showcases":92,"links":93,"dates":106},"\u002Fexamples\u002Fscreens\u002F42ecdddb-97d8-4011-9b13-907679b7238f","detail","screens",true,{"title":9,"description":10,"og_image":11},"Twin - Automate anything - Nicelydone","Screen UI design example from Twin. Creation start screen where the user is prompted to describe an automation they want to build using natural language,…","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F42ecdddb-97d8-4011-9b13-907679b7238f.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS screen examples","\u002Fexamples\u002Fscreens",{"label":20,"to":4},"Twin - Automate anything",{"title":20,"eyebrow":22,"description":23,"sections":24,"body":25},"Screen design","Screen UI design example from Twin. Creation start screen where the user is prompted to describe an automation they want to build using natural language, with options to brainstorm ideas or access existing agents in the sidebar.",[],[],[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":69,"app":78},"42ecdddb-97d8-4011-9b13-907679b7238f","Creation start screen where the user is prompted to describe an automation they want to build using natural language, with options to brainstorm ideas or access existing agents in the sidebar.","\u002Fexamples\u002Fapps\u002Ftwin\u002Fscreens",3024,1780,"Twin - Automate anything from Twin","2026-02-09T10:17:21.000Z","screen",[37,46,52,61],{"id":38,"label":39,"slug":40,"rank":41,"group":42},27,"AI Assistant","ai-assistant",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},129,"Workflow Builder","workflow-builder",2,{"id":58,"label":59,"slug":60},13,"Workflow & Automation","workflow-and-automation",{"id":62,"label":63,"slug":64,"rank":43,"group":65},115,"Empty State","empty-state",{"id":66,"label":67,"slug":68},12,"States & Feedback","states-and-feedback",[70,74],{"id":71,"title":72,"slug":73},175,"Button","button",{"id":75,"title":76,"slug":77},169,"Avatar","avatar",{"slug":79,"title":80,"logo":81,"baseline":82,"categories":83},"twin","Twin","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcfafc203-3d6a-4cfc-9ca4-539681caf005.png","The AI company builder",[84,88],{"id":85,"title":86,"slug":87},80,"Artificial Intelligence","artificial-intelligence",{"id":89,"title":90,"slug":91},105,"Workflow Automation","workflow-automation",[],[94,96,98,100,102,104],{"label":39,"to":95},"\u002Fexamples\u002Fscreens\u002Fai-assistant",{"label":48,"to":97},"\u002Fexamples\u002Fscreens\u002Fai-generation",{"label":63,"to":99},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":54,"to":101},"\u002Fexamples\u002Fscreens\u002Fworkflow-builder",{"label":103,"to":30},"Twin screen designs",{"label":105,"to":18},"All screen examples",{"published_at":107,"updated_at":108},"2026-02-08T13:47:36.000Z","2026-06-13T22:18:00.409Z"]