http://shenzjd.comhttp://shenzjd.com/posts/5805http://shenzjd.com/posts/5805Sat, 18 Jul 2026 19:03:30 GMT<div class="image-list-container image-list-odd"> <button type="button" class="image-preview-button image-preview-wrap" popovertarget="modal-5805-0" popovertargetaction="show" aria-label="Open image preview: 🟢 UI技能集CLI工具Skills for Design Engineers，专为设计工程师准备的UI技能集工具，不管是做UI开发还是设计相关工作，跑个npx ui-skills start就能给任务自动匹配适配的UI技能，还能通过分类指令快速筛选 motion 等类别的技能，MIT…"> <img src="/static/https://cdn5.telesco.pe/file/ifrCKN1Z5kjdM-Qf0d2IJamzd8anegJCsON263F_jey8tDGtSpOny1K2BTjh-wRGy5A5UT-TfA5IlMsF7c0B1gOHo8F9DXXfTcNeQatUqdpxPMYJEyHJ4iEo_3gJT4bdImGg1y0ZQHGDlJjdN7rckacY9ZzhUqg32YDLV2e7khtPI8GRcXP2WBKG4rs0jfieeQJeYTZI4WdVE__GPaI9XfvSfnWFwFvYGMaznB9akIFSv3w7_tdrsq87UeDTQq8Ovz05LtkqLgrO8BBohw2XqM7KmHXeHddKngEcX7gNF4rG83l_p_wK-ttlwuj_MjvpzdxDvOrjGodg3qxiG6PODw.jpg" alt="🟢 UI技能集CLI工具Skills for Design Engineers，专为设计工程师准备的UI技能集工具，不管是做UI开发还是设计相关工作，跑个npx ui-skills start就能给任务自动匹配适配的UI技能，还能通过分类指令快速筛选 motion 等类别的技能，MIT…" width="800" height="420" loading="eager" /> </button> <div class="modal" id="modal-5805-0" popover="auto" aria-label="Image preview"> <button type="button" class="modal__backdrop" popovertarget="modal-5805-0" popovertargetaction="hide" aria-label="Close image preview"></button> <button type="button" class="modal__close" popovertarget="modal-5805-0" popovertargetaction="hide" aria-label="Close image preview">×</button> <div class="modal__surface"> </div> </div> </div><i class="emoji"><b>🟢</b></i> <b>UI技能集CLI工具</b><br /><br />Skills for Design Engineers，专为设计工程师准备的UI技能集工具，不管是做UI开发还是设计相关工作，跑个npx <mark class="highlight">ui</mark>-skills start就能给任务自动匹配适配的UI技能，还能通过分类指令快速筛选 motion 等类别的技能，MIT…<br /><br /><a href="https://github.com/ibelick/ui-skills" target="_blank" rel="noopener" title="https://github.com/ibelick/ui-skills">https://github.com/ibelick/ui-skills</a><br /><a href="http://ui-skills.com/" target="_blank" rel="noopener" title="http://ui-skills.com">http://ui-skills.com</a><br /><br /><a href="/search/result?q=%23ui" title="#ui">#ui</a>-skills <a href="/search/result?q=%23TypeScript" title="#TypeScript">#TypeScript</a> <a href="/search/result?q=%23cli" title="#cli">#cli</a> <a href="/search/result?q=%23%E5%BC%80%E6%BA%90%E9%A1%B9%E7%9B%AE" title="#开源项目">#开源项目</a> <a href="/search/result?q=%23TGAgent" title="#TGAgent">#TGAgent</a>http://shenzjd.com/posts/5441http://shenzjd.com/posts/5441Fri, 12 Jun 2026 19:05:56 GMT<a href="/search/result?q=%2321st" title="#21st">#21st</a> <a href="/search/result?q=%23UI%E7%BB%84%E4%BB%B6%E5%BA%93" title="#UI组件库">#UI组件库</a> <a href="/search/result?q=%23TGAgent" title="#TGAgent">#TGAgent</a><br /><br /><a href="http://21st.dev/" target="_blank" rel="noopener" title="21st.dev">21st.dev</a> 是一个社区驱动的 <mark class="highlight">UI</mark> 组件库，收录了大量分类细致的前端组件，涵盖按钮、表单、导航、Shaders 等数十个类别。该站点支持按最新、热门和主题等维度进行筛选浏览，方便开发者快速查找和复用现成的界面元素。<br /><br /><a href="https://21st.dev/community/components" target="_blank" rel="noopener" title="https://21st.dev/community/components">https://21st.dev/community/components</a><br /><br /><i class="emoji"><b>📡</b></i> 来源：<a href="https://t.me/shenzjd_com" target="_blank" title="@shenzjd_com">@shenzjd_com</a><a class="tgme_widget_message_link_preview" href="https://21st.dev/community/components" target="_blank" rel="noopener" title="Explore, copy, and remix thousands of high-quality React components published to the 21st.dev Community by designers and developers."> <div class="link_preview_site_name accent_color">21st</div> <img class="link_preview_image" alt="Discover community-made UI components | 21st" src="/static/https://cdn4.telesco.pe/file/Lbt7pVPdN_8Vv6ovVKYCco85d5aAJTed-FCRsMXUvKz_dzvMWyG3KmsKVX5UgB7rJxOT34RFcCaLB-ZTrtPYPO0GPRxO33TKCyAFykv9cVUyQ1gAUW81h_kUq19_Z-UG4SCmv0knAlaDf1tMj4crFwP38ucnsSU7JvHAnnHnIkJy-EyZDom7lJRqzKseVfy0gbsb8zXP8LuMX_1Fr0TmhMIe1u8psNumOS9fYqedhlKfvQdM31rRoV1hwH4uFKkifRuZBspR4aDvpNS0kRYwmFTIa1RPIMnvCixU_njos3xw151coS15Ks-FlZ7klAbqdoc5v53DqHA8nVes1Wp2zA.jpg" width="1200" height="630" loading="eager" /> <div class="link_preview_title">Discover community-made <mark class="highlight">UI</mark> components | 21st</div> <div class="link_preview_description">Explore, copy, and remix thousands of high-quality React components published to the 21st.dev Community by designers and developers.</div> </a>http://shenzjd.com/posts/3545http://shenzjd.com/posts/3545Mon, 07 Apr 2025 13:30:19 GMT<i class="emoji"><b>⭕️</b></i> UI设计方案合集<br /><br />cursor解决了代码问题，但是即使claude 3.7thinking，设计出来的APP UI也还是无法满意，所以让Gemini的深度研究了下相关领域资源，人工筛选了下，总结最喜欢的几个：<br /><br /><i class="emoji"><b>✅</b></i> Dribbble <i class="emoji"><b>👍</b></i><i class="emoji"><b>👍</b></i><br />设计师社区，有非常多精美的UI设计作品，用的最多的一个<br /><i class="emoji"><b>🔗</b></i> <a href="https://dribbble.com/" target="_blank" rel="noopener" title="https://dribbble.com/">https://dribbble.com/</a><br /><br /><i class="emoji"><b>✅</b></i> Landing Folio <i class="emoji"><b>👍</b></i><br />专注于网页设计和着陆页灵感，适合用来参考做landing page<br /><i class="emoji"><b>🔗</b></i> <a href="https://www.landingfolio.com/" target="_blank" rel="noopener" title="https://www.landingfolio.com/">https://www.landingfolio.com/</a><br /><br /><i class="emoji"><b>✅</b></i> Layers<br />设计师分享作品的平台，内容不多，质量还可以<br /><i class="emoji"><b>🔗</b></i> <a href="https://layers.to/" target="_blank" rel="noopener" title="https://layers.to">https://layers.to</a><br /><br /><i class="emoji"><b>✅</b></i> <a href="http://Appinspo.com/" target="_blank" rel="noopener" title="Appinspo.com">Appinspo.com</a><br />有不少App设计灵感可以参考，免费<br /><i class="emoji"><b>🔗</b></i> <a href="https://appinspo.com/" target="_blank" rel="noopener" title="https://appinspo.com/">https://appinspo.com/</a><br /><br />其他：<br /><i class="emoji"><b>1️⃣</b></i> Behance<br />Adobe旗下创意作品展示平台，大致搜了下几个关键词都比较一般<br /><i class="emoji"><b>🔗</b></i> <a href="https://www.behance.net/" target="_blank" rel="noopener" title="https://www.behance.net/">https://www.behance.net/</a><br /><br /><i class="emoji"><b>2️⃣</b></i> Mobbin<br />收录真实App的UI设计案例，主要是学习用途，需要付费<br /><i class="emoji"><b>🔗</b></i> <a href="https://mobbin.com/" target="_blank" rel="noopener" title="https://mobbin.com/">https://mobbin.com/</a><br /><br /><i class="emoji"><b>3️⃣</b></i> Screenlane<br />提供最新的网页和移动设计灵感，包含丰富的UI示例，需要付费<br /><i class="emoji"><b>🔗</b></i> <a href="https://screenlane.com/" target="_blank" rel="noopener" title="https://screenlane.com/">https://screenlane.com/</a><br /><br /><i class="emoji"><b>4️⃣</b></i> Phlox<br />提供多种设计模板和资源，可以作为App UI设计的灵感来源，中规中矩<br /><i class="emoji"><b>🔗</b></i> <a href="https://www.phlox.pro/" target="_blank" rel="noopener" title="https://www.phlox.pro/">https://www.phlox.pro/</a><br /><br /><i class="emoji"><b>4️⃣</b></i> Godly<br />高质量网页设计灵感，网页风格比较多，不过网站图片我似乎打不开，不知道是不<i class="emoji"><b>🕸</b></i>问题<br /><i class="emoji"><b>🔗</b></i> <a href="https://godly.website/" target="_blank" rel="noopener" title="https://godly.website/">https://godly.website/</a><br /><a href="/search/result?q=%23UI%E8%AE%BE%E8%AE%A1" title="#UI设计">#UI设计</a><a class="tgme_widget_message_link_preview" href="https://dribbble.com/" target="_blank" rel="noopener" title="Find Top Designers &amp; Creative Professionals on Dribbble. We are where designers gain inspiration, feedback, community, and jobs. Your best resource to discover and connect with designers worldwide."> <div class="link_preview_site_name accent_color">Dribbble</div> <img class="link_preview_image" alt="Dribbble - Discover the World’s Top Designers &amp; Creative Professionals" src="/static/https://cdn4.telesco.pe/file/LEeXIsWFpC_VgTBz1zSdylA7ggsVhFRGcH6ieTNFbjxJId0rv8nTm1e-pbOqHWHpQfE0Fnrnnfm9wMjCpcRvfDwT1v1HbnIqGzWLQVqIYTEK-0A5Mn9pHenrQdJznRWEspCPDB0r5TJ5CJMSuzGbro-yIoSv7DbsK6ISGWrYMqN2sjOJQYJTDOjxliiQogd4Ukp4Xmgsu7Uj7lvAmjCdn0xB2KX8A5G59GLtlJO24n_AcGD4RDsCh6j6aKoBb8Z_yWpiGEisfhTjZ4v4QK5wAiz6l_-li-0EV5JndFAzb3hEnskpU1gozy3ScuSnhSfokRknsk8tLFBGRYES8TBlow.jpg" width="1200" height="630" loading="eager" /> <div class="link_preview_title">Dribbble - Discover the World’s Top Designers &amp; Creative Professionals</div> <div class="link_preview_description">Find Top Designers &amp; Creative Professionals on Dribbble. We are where designers gain inspiration, feedback, community, and jobs. Your best resource to discover and connect with designers worldwide.</div> </a>http://shenzjd.com/posts/3248http://shenzjd.com/posts/3248Sat, 07 Dec 2024 02:05:35 GMT<video src="/static/https://cdn5.telesco.pe/file/759364b34e.mp4?token=SjZQjB2W5nU4DYwJ9SG4jPMqSX4awTVRqmZA8WOAdWQSzYvRpGdrdl6zKlp1S2RV1dU0W1PD4aTCs5wnxDthu8QWQQ0G61toxPw23sIUwPxCON4IEj4hLZIn3prqlcTl4ZWSIqSxH3GDOv1FZEjYfRtjJmsYChVWJKGBzTxXAhej6L_1kxo52y4okflzLZl34mvmjUxdd928CFQD53ibwgA4fcCSHAjOg6iMitEfEC20p1LT8yTfwhMHMF6KjhRXnijf0DGpwjJcEgWOg35bRwdvNiQKbRoHiQ55Zt3iN6XCavPToRBqzNhb-izBg7LK4-v2GoMnT-DUbfyaTHO_cA" class="tgme_widget_message_video js-message_video" width="100%" height="100%" preload="auto" muted autoplay loop playsinline controls webkit-playsinline></video><a href="/search/result?q=%23UI" title="#UI">#UI</a> <a href="/search/result?q=%23%E5%85%8B%E9%9A%86" title="#克隆">#克隆</a> <a href="/search/result?q=%23%E5%BC%80%E6%BA%90" title="#开源">#开源</a> <br /><br /><a href="https://github.com/AndySpider/uicloner-extension" target="_blank" rel="noopener" title="UICloner"><b><u>UICloner</u></b></a> <br /><br />基于 AI 的<b>网页 </b><mark class="highlight"><b>UI</b></mark><b> 克隆工具</b>，安装后点击插件图标，选择需要克隆的内容，即可自动生成对应 <mark class="highlight">UI</mark> 的代码，支持样式预览和代码复制，使用需自行配置 LLM API，完全免费。<br /><br /><i class="emoji"><b>🐙</b></i> <a href="https://github.com/AndySpider/uicloner-extension" target="_blank" rel="noopener" title="项目地址">项目地址</a> <i class="emoji"><b>🌐</b></i> <a href="https://chromewebstore.google.com/detail/glnjgjbljegeblecpjphamopdikhflpd" target="_blank" rel="noopener" title="Chrome">Chrome</a> <a href="/search/result?q=%23UI" title="#UI">#UI</a> <a href="/search/result?q=%23%E5%85%8B%E9%9A%86" title="#克隆">#克隆</a> <a href="/search/result?q=%23%E5%BC%80%E6%BA%90" title="#开源">#开源</a>