个人数字泔水\(⁠◔⁠‿⁠◔⁠)✨ Thinking...https://tg.okhk.nethttps://tg.okhk.net/posts/2155https://tg.okhk.net/posts/2155Thu, 10 Oct 2024 15:08:40 GMT<a class="tgme_widget_message_reply user-color-default" href="/posts/1928"><blockquote><small> <div class="tgme_widget_message_author accent_color"> <span class="tgme_widget_message_author_name">OKHK <i class="emoji" style="background-image:url('//telegram.org/img/emoji/40/F09F9180.png')"><b>👀</b></i></span> </div> <div class="tgme_widget_message_text js-message_reply_text">https://www.reweb.so/</div> </small></blockquote></a><a href="https://layouts.dev/" target="_blank" rel="noopener" title="https://layouts.dev/">https://layouts.dev/</a><br /><br />基于 Tailwind CSS 的前端可视化工具<br /><br /><a href="/search/result?q=%23Tool" title="#Tool">#Tool</a> <a href="/search/result?q=%23Frontend" title="#Frontend">#Frontend</a> <a href="/search/result?q=%23URL" title="#URL">#URL</a><a class="tgme_widget_message_link_preview" href="https://layouts.dev/" target="_blank" rel="noopener" title="A notebook-style editor designed to help you ship interfaces fast. Super simple syntax accessible to both designers and developers. Powered by TailwindCSS and shadcn/ui."> <div class="link_preview_site_name accent_color">layouts.dev</div> <img class="link_preview_image" alt="Layouts.dev | A notebook for building interfaces with Tailwind &amp; Shadcn/UI" src="/static/https://cdn4.telesco.pe/file/uQ7TIuo7vY0nrkd-8r9o_Didf-lM-EBXlg4E2iJ3M0KKiQrg3jH-_MMbZP1ZUGlKO9F862To_sUi1AxbYSmScJu7l5v6zbS7UvfWSHDicQFAbxotyn0Cr0n1cvfYM_SDgiuyj9M6ChJUle0903H_tHFcf1jjlUwKZeMn_nwxGSvv3kGUcuHq3YclNMbMDKASqn6jlPP38bJJU6_p1lBM7iHJrZl6vTKFCdOia8f8B5Cn6vwT9LxgAo9IZ8_ZbG0wcWart0u59P3G4rLE5rg3tEZvss1Q-jh1tMQciV3Alm13rfyYiUERBxh-8FpHOMcKuTJ4-5At9MCvV_wGCoI53g.jpg" width="1200" height="630" loading="eager" /> <div class="link_preview_title">Layouts.dev | A notebook for building interfaces with Tailwind &amp; Shadcn/UI</div> <div class="link_preview_description">A notebook-style editor designed to help you ship interfaces fast. Super simple syntax accessible to both designers and developers. Powered by TailwindCSS and shadcn/ui.</div> </a>https://tg.okhk.net/posts/2085https://tg.okhk.net/posts/2085Fri, 04 Oct 2024 03:53:06 GMT<a href="/search/result?q=%23AI" title="#AI">#AI</a> <a href="/search/result?q=%23Design" title="#Design">#Design</a> <a href="/search/result?q=%23Frontend" title="#Frontend">#Frontend</a> <a href="/search/result?q=%23URL" title="#URL">#URL</a><br /><br /><a href="https://bolt.new/" target="_blank" rel="noopener" title="https://bolt.new/">https://bolt.new/</a><br /><br />通过 prompt 与AI交互，来生成前端组件，效果不错。<br /><br />与之前 Vercel 推出的 <a href="https://v0.dev/" target="_blank" rel="noopener" title="https://v0.dev">https://v0.dev</a> 有些类似<br /><br />某种程度上是整合了Claude Artfacts、V0 和 Replit<br /><br />支持 prompt、编辑、部署的全流程，有开发环境，可以实时预览结果。<br /><br />目前免费<a class="tgme_widget_message_link_preview" href="https://bolt.new/" target="_blank" rel="noopener" title="Build and scale high-performing websites &amp; apps using your words. Join millions and start building today."> <div class="link_preview_site_name accent_color">bolt.new</div> <img class="link_preview_image" alt="Bolt AI builder: Websites, apps &amp; prototypes" src="/static/https://cdn4.telesco.pe/file/S_0d1JyXhMcv0-I42Pko3pCKJaZIEd_QoGkR33iyEc4mgm16ZbuDAmCbfVOI2QHcdwdwdFVSRnJuzSYvTEYfdVc3JkEKplGxG5s6UwSDgwJr33bzNFUjXBqmI5L0lqT4VfCsF1525rym0uF5DMsW2-FBqOgBKtxqvne2N7xbkjqWrNNrpkQe4QITakPcJmRCWVedBkMPVII0ZN4GSJAdr5MhP3hS1DzYjNIndB3-MQyj065hJ4b6BYwoccrZ93GenR8Tly1RlUeGsyf_FwK7Fo-qvCuwHGJM-tL1RefNTbJBbJnnC5oZStCXYO8Seg5HN_e29dNZHKS4qVeApwIYPw.jpg" width="1200" height="630" loading="eager" /> <div class="link_preview_title">Bolt AI builder: Websites, apps &amp; prototypes</div> <div class="link_preview_description">Build and scale high-performing websites &amp; apps using your words. Join millions and start building today.</div> </a>https://tg.okhk.net/posts/2084https://tg.okhk.net/posts/2084Fri, 04 Oct 2024 03:53:06 GMTshadcn-ui-customizer<br /><br />使用 TailwindCSS 时，选取颜色变量有时很头疼。下面这个工具可以帮助你配置想要的颜色值，最终生成后添加到项目中<br /><br /><a href="https://customizer.railly.dev/" target="_blank" rel="noopener" title="https://customizer.railly.dev/">https://customizer.railly.dev/</a><br /><br /><a href="/search/result?q=%23Tool" title="#Tool">#Tool</a> <a href="/search/result?q=%23URL" title="#URL">#URL</a> <a href="/search/result?q=%23Frontend" title="#Frontend">#Frontend</a> <a href="/search/result?q=%23Design" title="#Design">#Design</a><a class="tgme_widget_message_link_preview" href="https://customizer.railly.dev/" target="_blank" rel="noopener" title="Customize Shadcn UI to match your style. Choose colors, adjust themes, and copy the generated CSS."> <div class="link_preview_site_name accent_color">customizer.railly.dev</div> <div class="link_preview_title">Shadcn UI Customizer</div> <div class="link_preview_description">Customize Shadcn UI to match your style. Choose colors, adjust themes, and copy the generated CSS.</div> </a>