收集全网优质资源，精选热门GitHub项目、开源工具、实用软件、在线网站与效率工具，持续整理可用、有价值的项目和应用推荐。https://broadcastchannel-hub.pages.devhttps://broadcastchannel-hub.pages.dev/posts/10952https://broadcastchannel-hub.pages.dev/posts/10952Fri, 19 Jun 2026 11:16:00 GMT<i class="emoji"><b>📢</b></i>导航站收录更新通知！<br /><a href="/search/result?q=%23%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91" title="#前端开发">#前端开发</a> <a href="/search/result?q=%23%E7%8B%AC%E7%AB%8B%E5%BC%80%E5%8F%91" title="#独立开发">#独立开发</a><br />站点名称: Taste Skill - 面向AI代理的反模板前端框架<br />描述: 一个开源的前端框架，通过技能文件帮助AI编码工具（如Cursor、Claude Code等）生成独特且非模板化的前端设计。<br />链接: <a href="https://www.tasteskill.dev/" target="_blank" rel="noopener" title="https://www.tasteskill.dev/">https://www.tasteskill.dev/</a><br />前往导航: <a href="http://www.noisedh.cn/" target="_blank" rel="noopener" title="www.noisedh.cn">www.noisedh.cn</a> 或 <a href="http://www.noisedh.link/" target="_blank" rel="noopener" title="www.noisedh.link">www.noisedh.link</a><a class="tgme_widget_message_link_preview" href="https://www.tasteskill.dev/" target="_blank" rel="noopener" title="Taste Skill gives your AI agent good taste. Open-source skill files that stop AI from generating generic, boring frontends."> <div class="link_preview_site_name accent_color">Taste Skill</div> <img class="link_preview_image" alt="Taste Skill | The Anti-Slop Frontend Framework" src="/static/https://cdn4.telesco.pe/file/dES3cu_hDvuqldwFZ7uBWlpFACVs8k0qZKdt4a1-E1r-LePwLXKzlPPcljAxhx4f1Ue-w-fg0Bc36vAJRJqHmMcLMXYf4ZIaF0BpauZ3RN4fMdpCAABpHo25BMBAYXjhO9t7JPbJKTsZDia1nfOZGXUTwNGx8b0TBwUgWsQKOBZNtDlbJH7OfFNGOZzyfeKUgVkSAl7p9OhUqOEAegM6z69pj37GHpKYZn8ruMQuPItGlxearImDAozjGsivJKIInEZ7RV9chhCYpKK65eGxZZxMc9-P6dINWf_VrV-_ldORf9lBDtEGukZgz3hAKcNbIecHLg1k6jskyMCIsCIn5A.jpg" width="1200" height="630" loading="lazy" /> <div class="link_preview_title">Taste Skill | The Anti-Slop Frontend Framework</div> <div class="link_preview_description">Taste Skill gives your AI agent good taste. Open-source skill files that stop AI from generating generic, boring frontends.</div> </a>https://broadcastchannel-hub.pages.dev/posts/xgeekshare-115https://broadcastchannel-hub.pages.dev/posts/xgeekshare-115Tue, 02 Jun 2026 08:09:59 GMT<div class="image-list-container image-list-odd"> <button type="button" class="image-preview-button image-preview-wrap" popovertarget="modal-xgeekshare-115-0" popovertargetaction="show" aria-label="Open image preview: #skill #前端 Impeccable - 一款专为 AI Agent 打造的高端前端设计语言 SkillImpeccable 由知名开发者 Paul Bakaus（前 jQuery UI 作者）打造，旨在解决 AI 生成前端界面时「千篇一律、模板化、低品味」问题"> <img src="/static/https://cdn5.telesco.pe/file/MgGSThsPl8O6Y39rrKSNCr1ARc1pjC3UDOIKr0sGAqT_2i4F7EIaXxFvvyS4eOjgFGjcmUYA0j-pB2Xjtp4FFnW3KNLpfSzeUJAn4z7seSIy2t8POEjKr4XWoLZ-nQkJUuQKClmyentEGLhahIo4qXNW8mY8G2NeDWrtVzXCtbpz5_ecbOh353gROp7I4jCj6NF8pM7xIKei6HmQ16rohrZIxbJrepYs1ZFrKAoOMQCgTRoVLrDA855iLGOr2DDZVD3C2jauU6EcI4BPR87enN_ECWh35dHeATcamIQTqD6e4o_M4yDgqQjS_glkQXWPLlFVqYqyH_zgdGcdm3BXCA.jpg" alt="#skill #前端 Impeccable - 一款专为 AI Agent 打造的高端前端设计语言 SkillImpeccable 由知名开发者 Paul Bakaus（前 jQuery UI 作者）打造，旨在解决 AI 生成前端界面时「千篇一律、模板化、低品味」问题" width="800" height="420" loading="eager" /> </button> <div class="modal" id="modal-xgeekshare-115-0" popover="auto" aria-label="Image preview"> <button type="button" class="modal__backdrop" popovertarget="modal-xgeekshare-115-0" popovertargetaction="hide" aria-label="Close image preview"></button> <button type="button" class="modal__close" popovertarget="modal-xgeekshare-115-0" popovertargetaction="hide" aria-label="Close image preview">×</button> <div class="modal__surface"> </div> </div> </div><a href="/search/result?q=%23skill" title="#skill">#skill</a> <a href="/search/result?q=%23%E5%89%8D%E7%AB%AF" title="#前端">#前端</a><br /><b><br /></b><b><img class="tg-emoji" src="/static/https://t.me/i/emoji/5814690801665446789.webp" alt="" loading="lazy" width="20" height="20" /></b><b> </b><a href="https://impeccable.style/" target="_blank" rel="noopener" title="Impeccable - 一款专为 AI Agent 打造的高端前端设计语言 Skill"><b>Impeccable - 一款专为 AI Agent 打造的高端前端设计语言 Skill</b></a><br /><br />Impeccable 由知名开发者 Paul Bakaus（前 jQuery UI 作者）打造，旨在解决 AI 生成前端界面时「千篇一律、模板化、低品味」问题。<br /><br />这个 skill 提供一套完整的设计词汇表 + 23条专用命令 + 严谨的反模式规则，让 Claude Code、Cursor、Codex 等 AI 工具输出更专业、更有审美水准的界面。<br /><br /><img class="tg-emoji" src="/static/https://t.me/i/emoji/5940660740758184142.webp" alt="" loading="lazy" width="20" height="20" /> <b>核心特点</b><br /><br /><img class="tg-emoji" src="/static/https://t.me/i/emoji/5217711800883103153.webp" alt="" loading="lazy" width="20" height="20" /> 7大领域参考文件：涵盖排版、色彩、动效、空间、交互、响应式、UX 文案等。<br /><br /><img class="tg-emoji" src="/static/https://t.me/i/emoji/5217711800883103153.webp" alt="" loading="lazy" width="20" height="20" /> 23条专用命令：如 /polish（润色）、/audit（审计）、/critique（批判）、/distill（提炼）、/animate（动效）、/bolder（强化）、/quieter（弱化）等，精确控制设计方向。<br /><br /><img class="tg-emoji" src="/static/https://t.me/i/emoji/5217711800883103153.webp" alt="" loading="lazy" width="20" height="20" /> 27条确定性反模式规则：直接阻挡常见的 AI 设计坏习惯（如过度嵌套卡片、紫蓝渐变、Inter 字体滥用等）。<br /><br /><b><i class="emoji"><b>📮</b></i></b><a href="https://t.me/Geekshare_bot" target="_blank" rel="noopener" title="投稿"><b>投稿</b></a><b> <i class="emoji"><b>📢</b></i></b><a href="https://t.me/+6b0SECRd6cw5MzE1" target="_blank" rel="noopener" title="频道"><b>频道</b></a><b> <i class="emoji"><b>💬</b></i></b><a href="https://t.me/igeekshare" target="_blank" rel="noopener" title="吹水"><b>吹水</b></a><b> <i class="emoji"><b>🌐</b></i></b><a href="https://geekshare.org/" target="_blank" rel="noopener" title="网站"><b>网站</b></a>https://broadcastchannel-hub.pages.dev/posts/txwl666-8095https://broadcastchannel-hub.pages.dev/posts/txwl666-8095Thu, 14 May 2026 15:36:10 GMT<div class="image-list-container image-list-odd"> <button type="button" class="image-preview-button image-preview-wrap" popovertarget="modal-txwl666-8095-0" popovertargetaction="show" aria-label="Open image preview: WebUtils 1001+ 纯前端在线工具集一个纯前端工具集，包含 1001+ 个实用工具：JSON 格式化、时间戳转换、Base64 编解码、二维码生成、图片压缩、房贷计算、加密货币工具等"> <img src="/static/https://cdn5.telesco.pe/file/jPCoSF88CcIX-Se9EdTOOekFQk7fwr_IbW4Xk8OYU6i0METGCSdrfHqjB8a7oZ9sswju15hK-xBq3XsJvZrYYsm-L1-TGCRRJ4jxeHOAMICaRVFLV_CAXOmgckigX3KerliQk0NElso1v92TXOhyxc1hWCxyGjwXUeEQpGDrTlvAFZbefDteWru9pyUiRp_K259OcWBAYz_cXMKhGZvSmL7eChAOLLMqSwQkKpHBRoxnmU3asq2MW15ILlbGGwYjXtU0zhMh464yErJ8TTcMI8YStDrOX2G6_k_orKoXqtDaCoXAEMVDwRDGSs1dshEomIhcWgy60FNEkN6AihrWvQ.jpg" alt="WebUtils 1001+ 纯前端在线工具集一个纯前端工具集，包含 1001+ 个实用工具：JSON 格式化、时间戳转换、Base64 编解码、二维码生成、图片压缩、房贷计算、加密货币工具等" width="800" height="458" loading="eager" /> </button> <div class="modal" id="modal-txwl666-8095-0" popover="auto" aria-label="Image preview"> <button type="button" class="modal__backdrop" popovertarget="modal-txwl666-8095-0" popovertargetaction="hide" aria-label="Close image preview"></button> <button type="button" class="modal__close" popovertarget="modal-txwl666-8095-0" popovertargetaction="hide" aria-label="Close image preview">×</button> <div class="modal__surface"> </div> </div> </div><b>WebUtils 1001+ 纯前端在线工具集</b><br /><br />一个纯前端工具集，包含 1001+ 个实用工具：JSON 格式化、时间戳转换、Base64 编解码、二维码生成、图片压缩、房贷计算、加密货币工具等。单文件、零构建、可离线使用。<br /><br /><a href="https://essays4u.net/" target="_blank" rel="noopener" title="点击访问">点击访问</a><br /><br /><a href="/search/result?q=%23%E5%89%8D%E7%AB%AF%E5%B7%A5%E5%85%B7" title="#前端工具">#前端工具</a> <a href="/search/result?q=%23%E5%9C%A8%E7%BA%BF%E5%B7%A5%E5%85%B7" title="#在线工具">#在线工具</a>https://broadcastchannel-hub.pages.dev/posts/txwl666-7980https://broadcastchannel-hub.pages.dev/posts/txwl666-7980Wed, 29 Apr 2026 14:33:01 GMT<div class="image-list-container image-list-odd"> <button type="button" class="image-preview-button image-preview-wrap" popovertarget="modal-txwl666-7980-0" popovertargetaction="show" aria-label="Open image preview: SVGlow | SVG 可视化动画编辑器一款主打“可视化 + AI生成”的在线 SVG 动画编辑工具，支持通过自然语言描述直接生成动画效果，并提供旋转、缩放、路径动画、Morph 变形、滤镜等多种动画类型；用户可以在时间轴中对多图层进行精细控制，支持交互触发（如 Hover、Click）以及路径节点编辑，同时还可导出为 SVG、GIF、MP4、WebM、Lottie 等多种格式，方便用于网页开发、UI设计或动效制作；整体属于“AI生成 + 可视化编辑 + 多格式输出”的一站式 SVG 动画解决方案，适合设计师与前端开发者快速制作高质量动效"> <img src="/static/https://cdn5.telesco.pe/file/R5L1M6RVxLESKLrvlR4WoDv3sG3QfZPLHra3abC6P5At7uy3cWVSJtn5JIVN88C-GB9s0HcABW1XjSzIr_NJ6QG0UIRvtGnIi8R5WwJjPO16d42AYKWVdnmeFw_wXw-en5lxwyvhwK8NsqW5qBWmZbzAHgYToe_gdOjExEQNuCEW0P9i4JAb560v65DLx36xOiC4T39aFVNqDNmd4hUEOd1s2mckMvCSQQL8A-X4N7yGAzR9F5lZ-_U7UjwAsQHl0lCY53UPTvMlNvSCpnGXa-oakaiLZfYkeBnvvwWW_tmI7ZgsGQ5XzjFWJ9s6nyC5Pye1yJT2qjIjsCHonO_LUA.jpg" alt="SVGlow | SVG 可视化动画编辑器一款主打“可视化 + AI生成”的在线 SVG 动画编辑工具，支持通过自然语言描述直接生成动画效果，并提供旋转、缩放、路径动画、Morph 变形、滤镜等多种动画类型；用户可以在时间轴中对多图层进行精细控制，支持交互触发（如 Hover、Click）以及路径节点编辑，同时还可导出为 SVG、GIF、MP4、WebM、Lottie 等多种格式，方便用于网页开发、UI设计或动效制作；整体属于“AI生成 + 可视化编辑 + 多格式输出”的一站式 SVG 动画解决方案，适合设计师与前端开发者快速制作高质量动效" width="800" height="255" loading="eager" /> </button> <div class="modal" id="modal-txwl666-7980-0" popover="auto" aria-label="Image preview"> <button type="button" class="modal__backdrop" popovertarget="modal-txwl666-7980-0" popovertargetaction="hide" aria-label="Close image preview"></button> <button type="button" class="modal__close" popovertarget="modal-txwl666-7980-0" popovertargetaction="hide" aria-label="Close image preview">×</button> <div class="modal__surface"> </div> </div> </div><b>SVGlow | SVG 可视化动画编辑器</b><br /><br />一款主打“可视化 + AI生成”的在线 SVG 动画编辑工具，支持通过自然语言描述直接生成动画效果，并提供旋转、缩放、路径动画、Morph 变形、滤镜等多种动画类型；用户可以在时间轴中对多图层进行精细控制，支持交互触发（如 Hover、Click）以及路径节点编辑，同时还可导出为 SVG、GIF、MP4、WebM、Lottie 等多种格式，方便用于网页开发、UI设计或动效制作；整体属于“AI生成 + 可视化编辑 + 多格式输出”的一站式 SVG 动画解决方案，适合设计师与前端开发者快速制作高质量动效。<br /><br /><a href="https://svglow.cn/docs" target="_blank" rel="noopener" title="点击访问">点击访问</a><br /><br /><a href="/search/result?q=%23SVGlow" title="#SVGlow">#SVGlow</a> <a href="/search/result?q=%23SVG%E5%8A%A8%E7%94%BB" title="#SVG动画">#SVG动画</a> <a href="/search/result?q=%23AI%E5%B7%A5%E5%85%B7" title="#AI工具">#AI工具</a> <a href="/search/result?q=%23%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91" title="#前端开发">#前端开发</a> <a href="/search/result?q=%23%E5%8A%A8%E6%95%88%E8%AE%BE%E8%AE%A1" title="#动效设计">#动效设计</a>https://broadcastchannel-hub.pages.dev/posts/10307https://broadcastchannel-hub.pages.dev/posts/10307Tue, 21 Apr 2026 11:34:19 GMT<i class="emoji"><b>📢</b></i>导航站收录更新通知！<br /><a href="/search/result?q=%23%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91" title="#前端开发">#前端开发</a> <a href="/search/result?q=%23%E7%8B%AC%E7%AB%8B%E5%BC%80%E5%8F%91" title="#独立开发">#独立开发</a><br />站点名称: EGJS<br />描述: EGJS 是一个 JavaScript 组件库，提供简单高效的网页应用构建工具，包含轮播、网格、3D查看器等实用模块。<br />链接: <a href="https://naver.github.io/egjs/" target="_blank" rel="noopener" title="https://naver.github.io/egjs/">https://naver.github.io/egjs/</a><br />前往导航: <a href="http://www.noisedh.cn/" target="_blank" rel="noopener" title="www.noisedh.cn">www.noisedh.cn</a> 或 <a href="http://www.noisedh.link/" target="_blank" rel="noopener" title="www.noisedh.link">www.noisedh.link</a><a class="tgme_widget_message_link_preview" href="https://naver.github.io/egjs/?ref=dailydev" target="_blank" rel="noopener" title="egjs is Javascript components group that brings easiest and fastest way to build a web application in your way."> <i class="link_preview_right_image" style="background-image:url('https://cdn4.telesco.pe/file/HprL9TYNjt1IuQ2BEtXv2t54FVtBWJ8W7EbWOxk_f6fv0sP1OD4UK3qkY4lxjAAnKdcxosRd9NIqSgslmEksrHoE18rCZ1mezP1Web79Yin0K87e-zphyvJ1mdK6UZofxBxkvHalQmJsAlI-bFgIglbULECJesDrJXqDiKfx7E9cmWi663cUQbauGBuKgJmntW5_yamST-u25PLBco1ONvbFGeCB-vF5N4HaaBdCpIzcQJgWF0dkO-OjR_vxk8FIQQvitN1iv97PrIvRs80YwvDSITDhAoPq6Q-e9NKRVVJjc-rXFmvE7z73xiplOqDsfdElqkk-tOFBeqPabTUqlw.jpg')"></i> <div class="link_preview_site_name accent_color">naver.github.io</div> <div class="link_preview_title">egjs</div> <div class="link_preview_description">egjs is Javascript components group that brings easiest and fastest way to build a web application in your way.</div> </a>https://broadcastchannel-hub.pages.dev/posts/10237https://broadcastchannel-hub.pages.dev/posts/10237Mon, 13 Apr 2026 13:48:56 GMT<i class="emoji"><b>📢</b></i>导航站收录更新通知！<br /><a href="/search/result?q=%23%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91" title="#前端开发">#前端开发</a> <a href="/search/result?q=%23%E7%8B%AC%E7%AB%8B%E5%BC%80%E5%8F%91" title="#独立开发">#独立开发</a><br />站点名称: OpenUI生成式UI工具包<br />描述: OpenUI是一个开源工具包，用于使AI应用程序能够响应用户界面，支持多种LLM和UI框架。<br />链接: <a href="https://www.openui.com/" target="_blank" rel="noopener" title="https://www.openui.com/">https://www.openui.com/</a><br />前往导航: <a href="http://www.noisedh.cn/" target="_blank" rel="noopener" title="www.noisedh.cn">www.noisedh.cn</a> 或 <a href="http://www.noisedh.link/" target="_blank" rel="noopener" title="www.noisedh.link">www.noisedh.link</a><a class="tgme_widget_message_link_preview" href="https://www.openui.com/" target="_blank" rel="noopener" title="OpenUI is a full-stack Generative UI framework with a compact streaming-first language, a React runtime with built-in components, and ready-to-use chat interfaces - using up to 67% fewer tokens than JSON."> <div class="link_preview_site_name accent_color">OpenUI - The Open Standard for Generative UI</div> <img class="link_preview_image" alt="OpenUI - The Open Standard for Generative UI" src="/static/https://cdn4.telesco.pe/file/SxvfAA57a7zMufgdrtMEwJPkaHo5RRlgG9pGSvalohqg5cf1flI4p39ZeAwbyI70MwqwB0ZwB73aldEsxfJ8HLoUCi1UTY2rWxOZfLr8MtOHM1vX23ZYnMhJVgHXj_9czLL0shy2NZQ2A9A-63WtB6e3WYjpwxjuPnu8XlL2wYOaJfoxCbg7hlrk4V7R-3vY18rQb5dYnXiQzw_d2P8UMCJXsgjZW67EkK_DS_HMHbs3I3oLuangnNYa_c_ThvexwTddgoDg8UeU5MubiTr0i5aY9-_qdGgFi9aW5lgtvB4-lMXoXXzoKSgHLutNtnlje1tbPQkym0SxDn6ApYVwCg.jpg" width="1200" height="630" loading="lazy" /> <div class="link_preview_description">OpenUI is a full-stack Generative UI framework with a compact streaming-first language, a React runtime with built-in components, and ready-to-use chat interfaces - using up to 67% fewer tokens than JSON.</div> </a>https://broadcastchannel-hub.pages.dev/posts/10213https://broadcastchannel-hub.pages.dev/posts/10213Sat, 11 Apr 2026 04:16:26 GMT<i class="emoji"><b>📢</b></i>导航站收录更新通知！<br /><a href="/search/result?q=%23%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91" title="#前端开发">#前端开发</a> <a href="/search/result?q=%23%E7%8B%AC%E7%AB%8B%E5%BC%80%E5%8F%91" title="#独立开发">#独立开发</a><br />站点名称: All ShadCN - Shadcn资源平台<br />描述: All ShadCN是一个集成了超过300种Shadcn UI模板、组件、区块与开发工具的综合性资源平台，专注于提供高效美观的React UI解决方案。<br />链接: <a href="https://allshadcn.com/" target="_blank" rel="noopener" title="https://allshadcn.com/">https://allshadcn.com/</a><br />前往导航: <a href="http://www.noisedh.cn/" target="_blank" rel="noopener" title="www.noisedh.cn">www.noisedh.cn</a> 或 <a href="http://www.noisedh.link/" target="_blank" rel="noopener" title="www.noisedh.link">www.noisedh.link</a><a class="tgme_widget_message_link_preview" href="https://allshadcn.com/" target="_blank" rel="noopener" title="Explore All Shadcn, your go-to hub for premium &amp; free Shadcn Themes, Components, Blocks, and Tools."> <div class="link_preview_site_name accent_color">All ShadCN</div> <img class="link_preview_image" alt="All ShadCN - 300+ Shadcn Templates, Components, Blocks &amp; Tools" src="/static/https://cdn4.telesco.pe/file/Nw5B5Lt9d2O6dkKlz4RL0seQypfdugA3nj2p4cwjBwiasSF_JE0qWVnx2NmpY05ox503epo0yF8_qz0JBCtaWMu_uXpS_uO7qeHqMNn-hsy0ykC6EwwQFTWUxs-sRC098eeHziWXb8VM4nvo1YFrrZr2JsdWppe7Pnjr8sTFdN_fWwUdxDR8UI8pD-_8iruH0OCcD6WgBqc5eK8L0DBttpKP9nSwA9FWy5-f6WYqvpNaxEArLgtZLrdVpN4I3ZzvCLjeefouiU3DMoJr-5wv38R6TRlN0vq9G8HbG9BotkVw6__3JL9zoMHA11cwvnW0qQKqDFdzR_f93pVn0a6mHA.jpg" width="1200" height="630" loading="lazy" /> <div class="link_preview_title">All ShadCN - 300+ Shadcn Templates, Components, Blocks &amp; Tools</div> <div class="link_preview_description">Explore All Shadcn, your go-to hub for premium &amp; free Shadcn Themes, Components, Blocks, and Tools.</div> </a>https://broadcastchannel-hub.pages.dev/posts/10204https://broadcastchannel-hub.pages.dev/posts/10204Thu, 09 Apr 2026 11:43:43 GMT<i class="emoji"><b>📢</b></i>导航站收录更新通知！<br /><a href="/search/result?q=%23%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91" title="#前端开发">#前端开发</a> <a href="/search/result?q=%23%E7%8B%AC%E7%AB%8B%E5%BC%80%E5%8F%91" title="#独立开发">#独立开发</a><br />站点名称: PDFx - React PDF组件工具<br />描述: 基于React的开源PDF组件库，提供可复制粘贴的PDF构建组件，无需魔法，纯组件化操作。<br />链接: <a href="https://pdfx.akashpise.dev/" target="_blank" rel="noopener" title="https://pdfx.akashpise.dev/">https://pdfx.akashpise.dev/</a><br />前往导航: <a href="http://www.noisedh.cn/" target="_blank" rel="noopener" title="www.noisedh.cn">www.noisedh.cn</a> 或 <a href="http://www.noisedh.link/" target="_blank" rel="noopener" title="www.noisedh.link">www.noisedh.link</a><a class="tgme_widget_message_link_preview" href="https://pdfx.akashpise.dev/" target="_blank" rel="noopener" title="Copy-paste React PDF components like shadcn/ui. Run `pdfx add table` and own the code. MIT licensed, fully TypeScript."> <div class="link_preview_site_name accent_color">PDFx</div> <img class="link_preview_image" alt="PDFx — shadcn/ui for React PDFs" src="/static/https://cdn4.telesco.pe/file/T1C-rzT2DxkrS0r1LZIuInwu0T5zcURmwAxZocefsPG3VvfyLcl4sJ3vE2qeIMJnar23bIyeOHWJszAOd-ns25zDW2Ivjmi97qFgRQSPmPbVn_AXwOMgPWPQdzs1AJOcmkOqFlVc2GOnVC6wfb_EuAr27KKF1OEiqAXUIQug2nDHNaQvyfxFob6wDksRffYve8Y35tzoX43IVMJlB_NwH5uyRpFtGej8MkcSA_iWGcPLEa6pwiL-V11FKZF387vJonpcB_77g35Tdhk7MEp8dO6tdIwCBul5h2IZASZ1_Y0Z6ssuF5P6Li9J3STifletfXgLMihIoM1gue-4r0UBmQ.jpg" width="1200" height="630" loading="lazy" /> <div class="link_preview_title">PDFx — shadcn/ui for React PDFs</div> <div class="link_preview_description">Copy-paste React PDF components like shadcn/ui. Run `pdfx add table` and own the code. MIT licensed, fully TypeScript.</div> </a>https://broadcastchannel-hub.pages.dev/posts/10132https://broadcastchannel-hub.pages.dev/posts/10132Wed, 01 Apr 2026 09:37:40 GMT<i class="emoji"><b>📢</b></i>导航站收录更新通知！<br /><a href="/search/result?q=%23%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91" title="#前端开发">#前端开发</a> <a href="/search/result?q=%23%E7%8B%AC%E7%AB%8B%E5%BC%80%E5%8F%91" title="#独立开发">#独立开发</a><br />站点名称: HTML在线查看器工具<br />描述: 一款结合实时预览、双向代码映射和学习功能的HTML/CSS/JS开发工具，帮助用户边查看边学习前端技术。<br />链接: <a href="https://html-viewer.org/zh" target="_blank" rel="noopener" title="https://html-viewer.org/zh">https://html-viewer.org/zh</a><br />前往导航: <a href="http://www.noisedh.cn/" target="_blank" rel="noopener" title="www.noisedh.cn">www.noisedh.cn</a> 或 <a href="http://www.noisedh.link/" target="_blank" rel="noopener" title="www.noisedh.link">www.noisedh.link</a><a class="tgme_widget_message_link_preview" href="https://html-viewer.org/zh" target="_blank" rel="noopener" title="免费 HTML 在线查看/编辑工具，支持实时预览与代码-预览双向映射。点击代码可定位元素，点击元素可回到源码。"> <div class="link_preview_site_name accent_color">html-viewer.org</div> <img class="link_preview_image" alt="支持代码 ↔ 预览双向映射的 HTML 查看器" src="/static/https://cdn4.telesco.pe/file/IJRH9wYTTyQpJ-yG-SSSPsFYN_EyHgYrUTyPZiop0JwNIUIKjuFaLFSwcoC86aMOv7AYytZMYu8JZGaHEq21xOYqAR83Fnw2zcu68Rvj92dp1Cwx63m5DvsKJMLJvFckVVoX9CvidBhzgAbto06pYbGyGmRmQigkWeuMGu59pCtXuUy8mwHQFZUzSKXYA4S66DCUmq9IscBrhYfUTHELOFnYve_EtuJbfjRoUKHBjBowppbm8d0_FCrx1Z-p9SA3DRPM2PsS30QkdOCnMzY3Xgur5OCGhiexvnASqLe0v2oe6q5_cm7hH9z-861muCim7GRuIafIGrpL0wTHyQKr5g.jpg" width="1200" height="630" loading="lazy" /> <div class="link_preview_title">支持代码 <i class="emoji" style="background-image:url('//telegram.org/img/emoji/40/E28694.png')"><b>↔</b></i> 预览双向映射的 HTML 查看器</div> <div class="link_preview_description">免费 HTML 在线查看/编辑工具，支持实时预览与代码-预览双向映射。点击代码可定位元素，点击元素可回到源码。</div> </a>https://broadcastchannel-hub.pages.dev/posts/pgkj666-2407https://broadcastchannel-hub.pages.dev/posts/pgkj666-2407Sat, 28 Mar 2026 02:56:40 GMT<div class="image-list-container image-list-odd"> <button type="button" class="image-preview-button image-preview-wrap" popovertarget="modal-pgkj666-2407-0" popovertargetaction="show" aria-label="Open image preview: 🎨 Page Agent - 纯 JS 实现的 GUI Agent自然语言操作 Web 应用 · 无需插件与后端📌 工具介绍： Page Agent 是阿里巴巴开源的一款纯 JavaScript 实现的 GUI Agent"> <img src="/static/https://cdn5.telesco.pe/file/iyTlYxIt2QiteuJgYGxdMrYXR2jvY5yry_wVsh-brORLDcVfzgQUQkQG3SI27dqtZw08672jpLS7xZHKsdCPgUJQO2Zz4w25ufAfSFc0_GuNFe293s7YyWUsrLXmv2vburXXh1fnHpxjAmUUjsvgNDz5YFi1ds1JWJiXose_uDTCI8feze_D9a-3v7HW51iA2Eb0I9uQks6rxLecoD1uBj09dkzB-lB9-u4Y7DBI2vTYbWVkXFWvzd8M4Og6a5ItGtJJQoqOjSoNk0CCaFigRcXVV--lA4DaUE9bmeCI_iLvE6TJYEND3jvtLPzI0Lp8IMNAklHlkMubdeHc7qzJeQ.jpg" alt="🎨 Page Agent - 纯 JS 实现的 GUI Agent自然语言操作 Web 应用 · 无需插件与后端📌 工具介绍： Page Agent 是阿里巴巴开源的一款纯 JavaScript 实现的 GUI Agent" width="800" height="241" loading="eager" /> </button> <div class="modal" id="modal-pgkj666-2407-0" popover="auto" aria-label="Image preview"> <button type="button" class="modal__backdrop" popovertarget="modal-pgkj666-2407-0" popovertargetaction="hide" aria-label="Close image preview"></button> <button type="button" class="modal__close" popovertarget="modal-pgkj666-2407-0" popovertargetaction="hide" aria-label="Close image preview">×</button> <div class="modal__surface"> </div> </div> </div><i class="emoji"><b>🎨</b></i> <b>Page Agent - 纯 JS 实现的 GUI Agent</b><br /><i>自然语言操作 Web 应用 · 无需插件与后端</i><br /><br /><i class="emoji"><b>📌</b></i> <b>工具介绍：</b><br /><br /><blockquote> Page Agent 是阿里巴巴开源的一款纯 JavaScript 实现的 GUI Agent。它允许用户通过自然语言直接操作 Web 应用，无需安装浏览器插件、Python 环境或无头浏览器。它专为客户端网页增强设计，是为产品添加 AI 副驾驶（Copilot）的极简方案。 </blockquote><br /><br /><i class="emoji"><b>⚡️</b></i> <b>核心特点：</b><br /><br /><blockquote> • <i class="emoji"><b>🛠</b></i> 轻松集成：纯页面内 JS 实现，一行代码即可集成，无需重写后端。<br />• <i class="emoji"><b>🔍</b></i> 文本驱动：基于文本的 DOM 操作，无需截图或多模态模型支持。<br />• <i class="emoji"><b>⚙️</b></i> 场景广泛：适用于智能表单填写、无障碍增强及跨页面任务自动化。<br />• <i class="emoji"><b>🧪</b></i> 灵活扩展：支持自备 LLM，提供 Chrome 扩展及 MCP Server 支持。 </blockquote><br /><br /><i class="emoji"><b>🌐</b></i> <b>项目地址：</b><br /><a href="https://github%E2%80%8D.com/alibaba/page-agent" target="_blank" rel="noopener" title="https://github‍.com/alibaba/page-agent">https://github‍.com/alibaba/page-agent</a><br /><br /><a href="https://t.me/dapei1985" target="_blank" rel="noopener" title="📢"><i class="emoji"><b>📢</b></i></a><b> </b><a href="https://t.me/pgkj666" target="_blank" rel="noopener" title="频道">频道</a><b> | <i class="emoji"><b>💬</b></i> </b><a href="https://t.me/pgkj0402" target="_blank" rel="noopener" title="群组">群组</a><b> | <i class="emoji"><b>📬</b></i> </b><a href="https://t.me/pgkj_bot" target="_blank" rel="noopener" title="投稿">投稿</a><b> | <i class="emoji"><b>📨</b></i> </b><a href="https://t.me/pgkj666_bot" target="_blank" rel="noopener" title="商务">商务</a><br /><br /><a href="/search/result?q=%23PageAgent" title="#PageAgent">#PageAgent</a> <a href="/search/result?q=%23%E9%98%BF%E9%87%8C%E5%B7%B4%E5%B7%B4" title="#阿里巴巴">#阿里巴巴</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=%23WebAgent" title="#WebAgent">#WebAgent</a> <a href="/search/result?q=%23AI%E5%B7%A5%E5%85%B7" title="#AI工具">#AI工具</a> <a href="/search/result?q=%23%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91" title="#前端开发">#前端开发</a> <a href="/search/result?q=%23%E8%87%AA%E5%8A%A8%E5%8C%96%E5%B7%A5%E5%85%B7" title="#自动化工具">#自动化工具</a>https://broadcastchannel-hub.pages.dev/posts/pgkj666-2402https://broadcastchannel-hub.pages.dev/posts/pgkj666-2402Fri, 27 Mar 2026 04:11:35 GMT<div class="image-list-container image-list-odd"> <button type="button" class="image-preview-button image-preview-wrap" popovertarget="modal-pgkj666-2402-0" popovertargetaction="show" aria-label="Open image preview: 🎨 UXBot - AI Web App 生成平台无需代码 · 从想法到应用 · 极速构建📌 工具介绍： UXBot 是一款强大的 AI 驱动的 Web 应用生成平台"> <img src="/static/https://cdn5.telesco.pe/file/V7sxdu8WUG7ilUH5SJB9CNfil2959hJOQyLM01eLS_JLDYPaT_F_rzF-ZvUrKMZ1NO4QH0RziJn_mIGbzKfJ_5yJScnKBWmvcdHnXxh2w-ShE1ttKZd0U5MwoPz_SBT2N4VObvCNRjBrtd1kbHlQBAfYUxt1EiLX8p2nwEurTkcHZhJjgoiJo3K1ysIGxZaSk0k65EJGHJFl-iKzzk4YJ-GiGsJVzSoy0h_fgZ0OHLXM-twzA4aYIZYKtnq3BltNSuJyGusVo1dNgtXtGfyuBbayHoi5njGupaFx7qa7kKRcLlpmSNYiYMReL7TYNQYeuOjJ-CrRlZ4vmmN2yHLdUQ.jpg" alt="🎨 UXBot - AI Web App 生成平台无需代码 · 从想法到应用 · 极速构建📌 工具介绍： UXBot 是一款强大的 AI 驱动的 Web 应用生成平台" width="449" height="514" loading="eager" /> </button> <div class="modal" id="modal-pgkj666-2402-0" popover="auto" aria-label="Image preview"> <button type="button" class="modal__backdrop" popovertarget="modal-pgkj666-2402-0" popovertargetaction="hide" aria-label="Close image preview"></button> <button type="button" class="modal__close" popovertarget="modal-pgkj666-2402-0" popovertargetaction="hide" aria-label="Close image preview">×</button> <div class="modal__surface"> </div> </div> </div><i class="emoji"><b>🎨</b></i> <b>UXBot - AI Web App 生成平台</b><br /><i>无需代码 · 从想法到应用 · 极速构建</i><br /><br /><i class="emoji"><b>📌</b></i> <b>工具介绍：</b><br /><br /><blockquote> UXBot 是一款强大的 AI 驱动的 Web 应用生成平台。只需输入您的创意需求或上传参考图片，AI 即可为您高效生成网站与 App 的视觉设计、交互原型及前端代码，让不懂编程的用户也能轻松构建完整的项目。 </blockquote><br /><br /><i class="emoji"><b>⚡️</b></i> <b>核心特点：</b><br /><br /><blockquote> • <i class="emoji"><b>🚀</b></i> 描述即创建：通过简单的文字描述，一键生成精美的网页设计与前端代码。<br />• <i class="emoji"><b>🖼</b></i> 图片转应用：支持上传截图或草图，AI 自动识别布局并转化为可交互的 Web 应用。<br />• <i class="emoji"><b>🎨</b></i> 视觉与交互并重：同步生成高质量的 UI 视觉稿和流畅的交互原型。<br />• <i class="emoji"><b>📦</b></i> 完整代码产出：提供可直接使用的前端代码，大幅缩短从设计到上线的周期。<br /><br /><b><i class="emoji"><b>✨</b></i> 白嫖福利 (免费版) <i class="emoji"><b>✨</b></i></b><br />• 首次登录赠送 <b>100 算力</b><br />• 每天赠送 <b>40 算力</b><br />• 最多 <b>5 个项目</b><br />• 自定义设计风格<br />• 项目流程图生成及编辑<br />• 优质素材库 </blockquote><br /><br /><i class="emoji"><b>🌐</b></i> <b>在线体验：</b><br /><a href="https://www.uxbot.cn/" target="_blank" rel="noopener" title="https://www.uxbot.cn">https://www.uxbot.cn</a><br /><br /><b><i class="emoji"><b>📢</b></i> 频道提示：</b><br /><br /><blockquote> 本频道以“白嫖”为主 ，建议您先充分体验免费版功能。如果体验良好，再根据自身需求考虑付费。 </blockquote><br /> <br /><a href="/search/result?q=%23UXBot" title="#UXBot">#UXBot</a> <a href="/search/result?q=%23AI%E8%AE%BE%E8%AE%A1" title="#AI设计">#AI设计</a> <a href="/search/result?q=%23%E4%BD%8E%E4%BB%A3%E7%A0%81" title="#低代码">#低代码</a> <a href="/search/result?q=%23Web%E5%BC%80%E5%8F%91" title="#Web开发">#Web开发</a> <a href="/search/result?q=%23%E5%89%8D%E7%AB%AF%E5%B7%A5%E5%85%B7" title="#前端工具">#前端工具</a> <a href="/search/result?q=%23UI%E7%94%9F%E6%88%90" title="#UI生成">#UI生成</a> <a href="/search/result?q=%23%E5%85%8D%E8%B4%B9%E5%B7%A5%E5%85%B7" title="#免费工具">#免费工具</a> <a href="/search/result?q=%23%E7%99%BD%E5%AB%96%E5%85%9A" title="#白嫖党">#白嫖党</a>https://broadcastchannel-hub.pages.dev/posts/txwl666-7616https://broadcastchannel-hub.pages.dev/posts/txwl666-7616Fri, 27 Feb 2026 09:13:43 GMT<div class="image-list-container image-list-odd"> <button type="button" class="image-preview-button image-preview-wrap" popovertarget="modal-txwl666-7616-0" popovertargetaction="show" aria-label="Open image preview: FeHelper(前端助手)一个功能强大的 开源浏览器扩展，专为前端开发者和各类职场人设计，集成了30+种实用工具，包括JSON处理、代码美化、接口调试、AI助手、图像处理等核心功能，支持Chrome、Edge、Firefox浏览器"> <img src="/static/https://cdn5.telesco.pe/file/ZTFo7rrpC_03X84V0PrDKjFSiPixYTtuwVIttSOkfnedz1NWWYlAnv91nzOMz32zxlvbl5BzyWqfPYgs4Frxe3v16QUglqkF1qa8G63b6w-C4g1gYBrmSEwI67FBfE82GtXdv2Cyf8CHGzHL9Edkj0uVRVnzF2F5MV3doVuM2kPJfTQOAmPkEftOjRNbUC0v_eN-6y_h0BDGaLeMxK0P3mfH5EmM99jD41yNbT-NkH_-1vDINSfztquItR9S8UN4CpWCqCI0rFu6oJJvX2R6jBdE6MYBRSqakAmd-KDltbG40hJyWjGBt9DPNa6lzx7B79T6UdJEm7osKCC9FzyqUQ.jpg" alt="FeHelper(前端助手)一个功能强大的 开源浏览器扩展，专为前端开发者和各类职场人设计，集成了30+种实用工具，包括JSON处理、代码美化、接口调试、AI助手、图像处理等核心功能，支持Chrome、Edge、Firefox浏览器" width="800" height="500" loading="eager" /> </button> <div class="modal" id="modal-txwl666-7616-0" popover="auto" aria-label="Image preview"> <button type="button" class="modal__backdrop" popovertarget="modal-txwl666-7616-0" popovertargetaction="hide" aria-label="Close image preview"></button> <button type="button" class="modal__close" popovertarget="modal-txwl666-7616-0" popovertargetaction="hide" aria-label="Close image preview">×</button> <div class="modal__surface"> </div> </div> </div><b>FeHelper(前端助手)</b><br /><br />一个功能强大的 开源浏览器扩展，专为前端开发者和各类职场人设计，集成了30+种实用工具，包括JSON处理、代码美化、接口调试、AI助手、图像处理等核心功能，支持Chrome、Edge、Firefox浏览器。<br /><br /><a href="https://fehelper.com/" target="_blank" rel="noopener" title="点击访问">点击访问</a><br /><br /><a href="/search/result?q=%23%E6%B5%8F%E8%A7%88%E5%99%A8%E6%89%A9%E5%B1%95" title="#浏览器扩展">#浏览器扩展</a> <a href="/search/result?q=%23%E5%BC%80%E6%BA%90" title="#开源">#开源</a> <a href="/search/result?q=%23%E5%89%8D%E7%AB%AF%E5%8A%A9%E6%89%8B" title="#前端助手">#前端助手</a> <a href="/search/result?q=%23FeHelper" title="#FeHelper">#FeHelper</a>https://broadcastchannel-hub.pages.dev/posts/pgkj666-2026https://broadcastchannel-hub.pages.dev/posts/pgkj666-2026Mon, 26 Jan 2026 02:58:22 GMT<div class="image-list-container image-list-odd"> <button type="button" class="image-preview-button image-preview-wrap" popovertarget="modal-pgkj666-2026-0" popovertargetaction="show" aria-label="Open image preview: 💥 Agent Browser｜Vercel Labs 出品的智能浏览助手将浏览器和 AI 结合的开源智能交互框架🟢 项目亮点：🤖 智能浏览体验： 在浏览器环境中结合 AI 模型，实现智能交互 🧠 AI 任务代理： 支持浏览器任务自动化、理解与执行 📄 开源透明： 完全开源的 GitHub 项目，可任意查看与二次开发 ⚙️ Vercel Labs 官方： 出自 Vercel Labs，架构稳健且演进快速 💡 适用场景： AI 辅助搜索、自动抓取数据、智能助手等 🛠 技术栈： 基于最新 Web &amp; AI 标准，易于集成与扩展🚀 一句话： 这是一个将 AI 带入浏览器的新一代智能协作框架"> <img src="/static/https://cdn5.telesco.pe/file/mu7QULwgWusH45u0UPRhTsHKmjY1P_XZnEiLOGtLl0vLogbsN1SSV19MiB5Q0iVOddrwWZuZdoSftPb9gxGPZPD2mL-Bbefdaflc3g7neGknkRGHhceJ4re8wfJTcDkmnJApsdQn8mNd1XwqS02ywovfsygzkpRfULw3XtL-NiT8R84hUuJscTEXFUmXbQlKo0vja1CDtEs39ktKu9YaYmalQlJw0ylPuJ7AcvlpJqH8jDwXiAJKFrD4izHy23bzY9HL_N1e-i5Ox8SCXI8c_qpX1t48tmQsFUx3DdJjhRMDH8YfPIcuaccnnR09jxlkrBmbxtly8N46hKe5TP9hBw.jpg" alt="💥 Agent Browser｜Vercel Labs 出品的智能浏览助手将浏览器和 AI 结合的开源智能交互框架🟢 项目亮点：🤖 智能浏览体验： 在浏览器环境中结合 AI 模型，实现智能交互 🧠 AI 任务代理： 支持浏览器任务自动化、理解与执行 📄 开源透明： 完全开源的 GitHub 项目，可任意查看与二次开发 ⚙️ Vercel Labs 官方： 出自 Vercel Labs，架构稳健且演进快速 💡 适用场景： AI 辅助搜索、自动抓取数据、智能助手等 🛠 技术栈： 基于最新 Web &amp; AI 标准，易于集成与扩展🚀 一句话： 这是一个将 AI 带入浏览器的新一代智能协作框架" width="800" height="350" loading="eager" /> </button> <div class="modal" id="modal-pgkj666-2026-0" popover="auto" aria-label="Image preview"> <button type="button" class="modal__backdrop" popovertarget="modal-pgkj666-2026-0" popovertargetaction="hide" aria-label="Close image preview"></button> <button type="button" class="modal__close" popovertarget="modal-pgkj666-2026-0" popovertargetaction="hide" aria-label="Close image preview">×</button> <div class="modal__surface"> </div> </div> </div><i class="emoji"><b>💥</b></i> <b>Agent Browser｜Vercel Labs 出品的智能浏览助手</b><br /><i>将浏览器和 AI 结合的开源智能交互框架</i><br /><br /><i class="emoji"><b>🟢</b></i> <b>项目亮点：</b><br /><br /><blockquote><br /><i class="emoji"><b>🤖</b></i> <b>智能浏览体验：</b> 在浏览器环境中结合 AI 模型，实现智能交互 <br /><i class="emoji"><b>🧠</b></i> <b>AI 任务代理：</b> 支持浏览器任务自动化、理解与执行 <br /><i class="emoji"><b>📄</b></i> <b>开源透明：</b> 完全开源的 GitHub 项目，可任意查看与二次开发 <br /><i class="emoji"><b>⚙️</b></i> <b>Vercel Labs 官方：</b> 出自 Vercel Labs，架构稳健且演进快速 <br /><i class="emoji"><b>💡</b></i> <b>适用场景：</b> AI 辅助搜索、自动抓取数据、智能助手等 <br /><i class="emoji"><b>🛠</b></i> <b>技术栈：</b> 基于最新 Web &amp; AI 标准，易于集成与扩展<br /></blockquote><br /><br /><i class="emoji"><b>🚀</b></i> <b>一句话：</b> <br />这是一个将 AI 带入浏览器的新一代智能协作框架。<br /><br /><i class="emoji"><b>📖</b></i> <b>项目地址：</b> <br /><i class="emoji"><b>👉</b></i> <a href="https://github.com/vercel-labs/agent-browser" target="_blank" rel="noopener" title="https://github.com/vercel-labs/agent-browser">https://github.com/vercel-labs/agent-browser</a><br /><br /><a href="https://t.me/dapei1985" target="_blank" rel="noopener" title="📢"><i class="emoji"><b>📢</b></i></a><b> </b><a href="https://t.me/pgkj666" target="_blank" rel="noopener" title="频道"><b>频道</b></a> | <i class="emoji"><b>💬</b></i> <a href="https://t.me/pgkj0402" target="_blank" rel="noopener" title="群组"><b>群组</b></a> | <i class="emoji"><b>📬</b></i><b> </b><a href="https://t.me/pgkj_bot" target="_blank" rel="noopener" title="投稿"><b>投稿</b></a> | <i class="emoji"><b>📨</b></i><b> </b><a href="https://t.me/pgkj666_bot" target="_blank" rel="noopener" title="商务"><b>商务</b></a><br /><br /><a href="/search/result?q=%23%E5%BC%80%E6%BA%90%E9%A1%B9%E7%9B%AE" title="#开源项目"><b>#开源项目</b></a><b> </b><a href="/search/result?q=%23AI%E5%B7%A5%E5%85%B7" title="#AI工具"><b>#AI工具</b></a><b> </b><a href="/search/result?q=%23%E6%B5%8F%E8%A7%88%E5%99%A8%E5%8A%A9%E6%89%8B" title="#浏览器助手"><b>#浏览器助手</b></a><b> </b><a href="/search/result?q=%23VercelLabs" title="#VercelLabs"><b>#VercelLabs</b></a><b> </b><a href="/search/result?q=%23%E5%89%8D%E7%AB%AF" title="#前端"><b>#前端</b></a><b> </b><a href="/search/result?q=%23%E8%87%AA%E5%8A%A8%E5%8C%96" title="#自动化"><b>#自动化</b></a>https://broadcastchannel-hub.pages.dev/posts/pgkj666-1977https://broadcastchannel-hub.pages.dev/posts/pgkj666-1977Sun, 18 Jan 2026 02:27:53 GMT<div class="image-list-container image-list-odd"> <button type="button" class="image-preview-button image-preview-wrap" popovertarget="modal-pgkj666-1977-0" popovertargetaction="show" aria-label="Open image preview: 💥 10 秒克隆任何网站｜直接生成前端项目代码第 XXX 个工具：AI 自动还原页面结构，前端效率直接拉满🟢 工具亮点：⚡️ 10 秒克隆网站： 输入网址，自动解析页面结构 🧠 AI 生成代码： 直接输出可用的前端项目代码 🧩 组件级拆分： 页面结构清晰，方便二次开发 🧑‍💻 前端友好： 适合 React / Vue / 静态站点改造 🚀 效率拉满： 原型复刻、学习页面、仿站神器🚀 一句话： 不会设计、不想切图？复制网址 = 前端代码到手"> <img src="/static/https://cdn5.telesco.pe/file/FB3iyPBwszh_2p99vu8HpGOqZmHymv4vGRznIJxjDytTjaZwN7MnjlsF-JJr7zm7W6f_-ymxGG4rtGdbOjpJfAfr7fpA5YIuHLTdOH1-TRFF_DxESXSo2HbAdlgwevpbNymY1EetQWEULUi2pmH3getXY1Mj_bBuzhpLpfwu-VLVvj1Mfj_kzDOzny-IO1EMxVxFRLE3vIa3wVLic4v2rk7TRGaRC8S7MvjvFVx62rXMr3JOAJk2hUqKQ4cd7DYbUQBqY5IYNdrGRXMkeRdyeDSMIVc0lx-h2F6wG7XMpr-QfH0k_kyJwaXsmm7iRhqw8mO3ovw-igqhVrMmQG-m2w.jpg" alt="💥 10 秒克隆任何网站｜直接生成前端项目代码第 XXX 个工具：AI 自动还原页面结构，前端效率直接拉满🟢 工具亮点：⚡️ 10 秒克隆网站： 输入网址，自动解析页面结构 🧠 AI 生成代码： 直接输出可用的前端项目代码 🧩 组件级拆分： 页面结构清晰，方便二次开发 🧑‍💻 前端友好： 适合 React / Vue / 静态站点改造 🚀 效率拉满： 原型复刻、学习页面、仿站神器🚀 一句话： 不会设计、不想切图？复制网址 = 前端代码到手" width="800" height="446" loading="eager" /> </button> <div class="modal" id="modal-pgkj666-1977-0" popover="auto" aria-label="Image preview"> <button type="button" class="modal__backdrop" popovertarget="modal-pgkj666-1977-0" popovertargetaction="hide" aria-label="Close image preview"></button> <button type="button" class="modal__close" popovertarget="modal-pgkj666-1977-0" popovertargetaction="hide" aria-label="Close image preview">×</button> <div class="modal__surface"> </div> </div> </div><i class="emoji"><b>💥</b></i> <b>10 秒克隆任何网站｜直接生成前端项目代码</b><br /><i>第 XXX 个工具：AI 自动还原页面结构，前端效率直接拉满</i><br /><br /><i class="emoji"><b>🟢</b></i> <b>工具亮点：</b><br /><br /><blockquote><br /><i class="emoji"><b>⚡️</b></i> <b>10 秒克隆网站：</b> 输入网址，自动解析页面结构 <br /><i class="emoji"><b>🧠</b></i> <b>AI 生成代码：</b> 直接输出可用的前端项目代码 <br /><i class="emoji"><b>🧩</b></i> <b>组件级拆分：</b> 页面结构清晰，方便二次开发 <br /><i class="emoji"><b>🧑‍💻</b></i> <b>前端友好：</b> 适合 React / Vue / 静态站点改造 <br /><i class="emoji"><b>🚀</b></i> <b>效率拉满：</b> 原型复刻、学习页面、仿站神器<br /></blockquote><br /><br /><i class="emoji"><b>🚀</b></i> <b>一句话：</b> <br />不会设计、不想切图？复制网址 = 前端代码到手。<br /><br /><i class="emoji"><b>🌐</b></i> <b>网站直达：</b> <br /><a href="https://github.com/firecrawl/open-lovable" target="_blank" rel="noopener" title="👉 点击直达"><i class="emoji"><b>👉</b></i> 点击直达</a><br /><br /><a href="https://t.me/dapei1985" target="_blank" rel="noopener" title="📢"><i class="emoji"><b>📢</b></i></a><b> </b><a href="https://t.me/pgkj666" target="_blank" rel="noopener" title="频道"><b>频道</b></a> | <i class="emoji"><b>💬</b></i> <a href="https://t.me/pgkj0402" target="_blank" rel="noopener" title="群组"><b>群组</b></a> | <i class="emoji"><b>📬</b></i><b> </b><a href="https://t.me/pgkj_bot" target="_blank" rel="noopener" title="投稿"><b>投稿</b></a> | <i class="emoji"><b>📨</b></i><b> </b><a href="https://t.me/pgkj666_bot" target="_blank" rel="noopener" title="商务"><b>商务</b></a><br /><br /><a href="/search/result?q=%23%E8%BD%AF%E4%BB%B6%E5%BC%80%E5%8F%91" title="#软件开发"><b>#软件开发</b></a><b> </b><a href="/search/result?q=%23%E5%89%8D%E7%AB%AF" title="#前端"><b>#前端</b></a><b> </b><a href="/search/result?q=%23%E7%A8%8B%E5%BA%8F%E5%91%98" title="#程序员"><b>#程序员</b></a><b> </b><a href="/search/result?q=%23%E5%B9%B2%E8%B4%A7%E5%88%86%E4%BA%AB" title="#干货分享"><b>#干货分享</b></a><b> </b><a href="/search/result?q=%23AI%E5%B7%A5%E5%85%B7" title="#AI工具"><b>#AI工具</b></a>https://broadcastchannel-hub.pages.dev/posts/8649https://broadcastchannel-hub.pages.dev/posts/8649Sat, 06 Dec 2025 11:03:58 GMT<i class="emoji"><b>📢</b></i>导航站收录更新通知！<br /><a href="/search/result?q=%23%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91" title="#前端开发">#前端开发</a> <a href="/search/result?q=%23%E7%8B%AC%E7%AB%8B%E5%BC%80%E5%8F%91" title="#独立开发">#独立开发</a><br />站点名称: EaseMaster<br />描述: 设计出感觉真实的运动。这是用于生成CSS、Tailwind、Framer Motion和GSAP的三次贝塞尔曲线和弹簧物理的终极简化可视化工具。<br />链接: <a href="https://easemaster.satisui.xyz/" target="_blank" rel="noopener" title="https://easemaster.satisui.xyz/">https://easemaster.satisui.xyz/</a><br />前往导航: <a href="http://www.noisedh.cn/" target="_blank" rel="noopener" title="www.noisedh.cn">www.noisedh.cn</a> 或 <a href="http://www.noisedh.link/" target="_blank" rel="noopener" title="www.noisedh.link">www.noisedh.link</a><a class="tgme_widget_message_link_preview" href="https://easemaster.satisui.xyz/" target="_blank" rel="noopener" title="Visualize and generate standard CSS curves and complex Spring physics for modern web animation."> <div class="link_preview_site_name accent_color">EaseMaster</div> <img class="link_preview_image" alt="EaseMaster | CSS &amp; Spring Easing Generator" src="/static/https://cdn4.telesco.pe/file/BphaImGCPn7XPzWZWxsbegozLfrVCIIqNsOwcZuBvj6qD1fHJs2iJbMyySv42-zYk2VpjcY6F9KQXvHSiYYLAmFn6dE_7TtCdz8foqnIsFdToLhYi91-2FOEB_Z7c8rWcUxEv3_6Kcx5A9WIyUYP1b6mgU1SFp55mTX-aH9pi3W7WPSYEdeQ95JzL4r1rga2dSYCimxMuuUaVhTrwomTopPYEIVFPq-UXRoe9kF7p02OyJKdcU3xbKlW1B3zT0QYv4MoEYW6mEup8N4m99-kDMGM2O9oKpQvsTfmNYwaMbqWGeT1kFnfrA0z8xs1dvzAp4PlD_UMmlglcQc25fmd3Q.jpg" width="1200" height="630" loading="lazy" /> <div class="link_preview_title">EaseMaster | CSS &amp; Spring Easing Generator</div> <div class="link_preview_description">Visualize and generate standard CSS curves and complex Spring physics for modern web animation.</div> </a>https://broadcastchannel-hub.pages.dev/posts/8633https://broadcastchannel-hub.pages.dev/posts/8633Wed, 03 Dec 2025 10:40:52 GMT<i class="emoji"><b>📢</b></i>导航站收录更新通知！<br /><a href="/search/result?q=%23%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91" title="#前端开发">#前端开发</a> <a href="/search/result?q=%23%E7%8B%AC%E7%AB%8B%E5%BC%80%E5%8F%91" title="#独立开发">#独立开发</a><br />站点名称: uView Pro<br />描述: uView Pro 是以解决方案为驱动，包含项目的最佳实践，最佳的组件实现和便捷的工具类封装<br />链接: <a href="https://uviewpro.cn/" target="_blank" rel="noopener" title="https://uviewpro.cn/">https://uviewpro.cn/</a><br />前往导航: <a href="http://www.noisedh.cn/" target="_blank" rel="noopener" title="www.noisedh.cn">www.noisedh.cn</a> 或 <a href="http://www.noisedh.link/" target="_blank" rel="noopener" title="www.noisedh.link">www.noisedh.link</a><a class="tgme_widget_message_link_preview" href="https://uviewpro.cn/" target="_blank" rel="noopener" title="uView Pro - 基于 Vue3 &amp; TypeScript 的高质量 uni-app 组件库，基于 uview、uviewui、uview pro、uview ui、uniapp、vue3、typescript、ts、components，打造最强大的 uni-app 生态组件库。"> <i class="link_preview_right_image" style="background-image:url('https://cdn4.telesco.pe/file/EMfTtvlBcwv95Ud1hb_mf_XYMA_c4Y13YKdbSbTMB33z6xpEeR5oFrhZD1W_Jln1wc1pwP0s9j0ju2MgDzHKiMkS1GzlykOvD6AIC9FpKFLkeALWX3JI_ZfYEKa7oSfdnpEv7TF0IGwyY1OnANJBggQvmAEudirOYASgTRsxmbrWt39lOfH0AAPe3oF_lpWp-PA_9ZmA_AAQ7jAHXG8Uu9_d7yVOxCzwEONIDjmNyTlyHFXFXYtunQwp27zZQlpBbGOTF89AbIHtvpXKa3A4iBk95iQ3ZEdhKaUfWPI_9wu35nIRMGsVAwLkHwQal5NLGpT3EpX-feYuX6bk3drjMQ.jpg')"></i> <div class="link_preview_site_name accent_color">uView Pro 官网</div> <div class="link_preview_title">uView Pro 组件库 - 官网</div> <div class="link_preview_description">uView Pro - 基于 Vue3 &amp; TypeScript 的高质量 uni-app 组件库，基于 uview、uviewui、uview pro、uview ui、uniapp、vue3、typescript、ts、components，打造最强大的 uni-app 生态组件库。</div> </a>https://broadcastchannel-hub.pages.dev/posts/8622https://broadcastchannel-hub.pages.dev/posts/8622Tue, 02 Dec 2025 09:50:59 GMT<i class="emoji"><b>📢</b></i>导航站收录更新通知！<br /><a href="/search/result?q=%23%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91" title="#前端开发">#前端开发</a> <a href="/search/result?q=%23%E7%8B%AC%E7%AB%8B%E5%BC%80%E5%8F%91" title="#独立开发">#独立开发</a><br />站点名称: UnoAPI<br />描述: UnoAPI 是一个基于 OpenAPI (Swagger) 规范的现代化前端代码生成工具集。它旨在通过自动化流程，消除繁琐的手动 API 定义工作，提供类型安全、高度可定制的开发体验。<br />链接: <a href="https://unoapi.codingmo.com/#get-started" target="_blank" rel="noopener" title="https://unoapi.codingmo.com/#get-started">https://unoapi.codingmo.com/#get-started</a><br />前往导航: <a href="http://www.noisedh.cn/" target="_blank" rel="noopener" title="www.noisedh.cn">www.noisedh.cn</a> 或 <a href="http://www.noisedh.link/" target="_blank" rel="noopener" title="www.noisedh.link">www.noisedh.link</a>https://broadcastchannel-hub.pages.dev/posts/7884https://broadcastchannel-hub.pages.dev/posts/7884Fri, 29 Aug 2025 11:44:47 GMT<i class="emoji"><b>📢</b></i>导航站收录更新通知！<br /><a href="/search/result?q=%23%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91" title="#前端开发">#前端开发</a> <a href="/search/result?q=%23%E7%8B%AC%E7%AB%8B%E5%BC%80%E5%8F%91" title="#独立开发">#独立开发</a><br />站点名称: UI Colors<br />描述: 创建和自定义漂亮的 Tailwind CSS 调色板。使用我们直观的颜色生成器工具为您的设计生成、编辑和导出颜色。<br />链接: <a href="https://uicolors.app/generate" target="_blank" rel="noopener" title="https://uicolors.app/generate">https://uicolors.app/generate</a><br />前往导航: <a href="http://www.noisedh.cn/" target="_blank" rel="noopener" title="www.noisedh.cn">www.noisedh.cn</a> 或 <a href="http://www.noisedh.link/" target="_blank" rel="noopener" title="www.noisedh.link">www.noisedh.link</a><a class="tgme_widget_message_link_preview" href="https://uicolors.app/generate" target="_blank" rel="noopener" title="Generate, edit, save and share Tailwind CSS color shades based on a given hexcode or HSL color."> <div class="link_preview_site_name accent_color">UI Colors</div> <img class="link_preview_image" alt="Tailwind CSS Colors - All colors + Custom color generator" src="/static/https://cdn4.telesco.pe/file/rVixJHVIB81wA04nYdvh-1jHpPVL2R1nVuga2oaJppR6naL806PLwXGeUjwSR7CukhcLuYwd6Z_1lP_xwXcUtuPl2dyPC1_bjb4FL2SKhyg6jlyeJM_1ts3NgNnR4eLrxcxha-FACN5U2QI350SKmg7ME02giWaC79qPEiv6BkZrb9xaAdp6LkH0mOtwRWAn9DfuWUIB1P8LuQbDalHne8wZihxcdCgW-WWuhOUOWkKrLyXQFoq89eZhQExprmJjGIPoefiDXI74k__ZIr_N84uLzerByxZ704o85lNbMW1KtzRXh-bjipTtfEVfz47SAxyZw7UE3YYOylScdpSIUw.jpg" width="1200" height="630" loading="lazy" /> <div class="link_preview_title">Tailwind CSS Colors - All colors + Custom color generator</div> <div class="link_preview_description">Generate, edit, save and share Tailwind CSS color shades based on a given hexcode or HSL color.</div> </a>https://broadcastchannel-hub.pages.dev/posts/7553https://broadcastchannel-hub.pages.dev/posts/7553Sat, 19 Jul 2025 12:48:18 GMT<i class="emoji"><b>📢</b></i>导航站收录更新通知！<br /><a href="/search/result?q=%23%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91" title="#前端开发">#前端开发</a> <a href="/search/result?q=%23%E7%8B%AC%E7%AB%8B%E5%BC%80%E5%8F%91" title="#独立开发">#独立开发</a><br />站点名称: Untitled UI<br />描述: Untitled UI 是世界上最大的 Figma UI 工具包和 React 组件库。快速启动任何项目，提供设计和开发所需的一切。<br />链接: <a href="https://www.untitledui.com/" target="_blank" rel="noopener" title="https://www.untitledui.com/">https://www.untitledui.com/</a><br />前往导航: <a href="http://www.noisedh.cn/" target="_blank" rel="noopener" title="www.noisedh.cn">www.noisedh.cn</a> 或 <a href="http://www.noisedh.link/" target="_blank" rel="noopener" title="www.noisedh.link">www.noisedh.link</a><a class="tgme_widget_message_link_preview" href="https://www.untitledui.com/" target="_blank" rel="noopener" title="Untitled UI is the world's largest Figma UI kit and React component library. Kickstart any project with everything you need to design and develop—fast."> <div class="link_preview_site_name accent_color">Untitledui</div> <img class="link_preview_image" alt="Untitled UI — Figma UI Kit and React Component Library" src="/static/https://cdn4.telesco.pe/file/qFm0BuMdTHnnASecsRhWrBu8V2cIsQ_zrHsya76mRRsvPy8F2jInixCRGBQ1PU2gFWWk5HwQuIQTca-HprRarP7UewesocWiQotW1_llvoCDfRfbG31Q-huc5vL19fAJVkPmeRycP4GTMNQKHH375t_3_2ylMfzUvoMNKGFagmfu3BtuMLRuUfuC_FUeRFpMKYodT9mS9d3tw7q-yfQuCInYnUBH48iy0StkS2E3RJ16U-cO-HXAUQcsdBlJqrt9VPAM7Jc4Iyy3E6PO_57xP3xWP8ZdMLzI0VsXe5XZdc3oGSJUFLYcPXE8SY7JGMB6tfKq88mugPyHrq08kXxeog.jpg" width="1200" height="630" loading="lazy" /> <div class="link_preview_title">Untitled UI — Figma UI Kit and React Component Library</div> <div class="link_preview_description">Untitled UI is the world's largest Figma UI kit and React component library. Kickstart any project with everything you need to design and develop—fast.</div> </a>https://broadcastchannel-hub.pages.dev/posts/7484https://broadcastchannel-hub.pages.dev/posts/7484Fri, 11 Jul 2025 13:30:38 GMT<i class="emoji"><b>📢</b></i>导航站收录更新通知！<br /><a href="/search/result?q=%23%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91" title="#前端开发">#前端开发</a> <a href="/search/result?q=%23%E7%8B%AC%E7%AB%8B%E5%BC%80%E5%8F%91" title="#独立开发">#独立开发</a><br />站点名称: ZenUI <br />描述: ZenUI 是您的一体化前端工具包 — 无需安装，无需设置，只需在几秒钟内复制、粘贴和构建漂亮的 UI。<br />链接: <a href="https://zenui.net/" target="_blank" rel="noopener" title="https://zenui.net/">https://zenui.net/</a><br />前往导航: <a href="http://www.noisedh.cn/" target="_blank" rel="noopener" title="www.noisedh.cn">www.noisedh.cn</a> 或 <a href="http://www.noisedh.link/" target="_blank" rel="noopener" title="www.noisedh.link">www.noisedh.link</a><a class="tgme_widget_message_link_preview" href="https://zenui.net/" target="_blank" rel="noopener" title="Elevate your project with free UI components, customizable icons, and a color palette. No dependencies required"> <i class="link_preview_right_image" style="background-image:url('https://cdn4.telesco.pe/file/r9SlMX95hu7wLL2EhE1QFZsYZLOzrGSjLaQ569nA7MuINOEQ0z2V11Rx1qFPRxwh9Lg6gbTGlaltAnZBfEIrW2wMJG1kxfWXDODPtF404payCK0ZqB3Ia2gvrOq9gaKmmBrPNUvEcenugz_al2rdF65P6eUXcEOFum6oKVbOLBAwkgOmoHseuImz_7YMzB-wUKDs01UIJCmPp5YRhkXn8AhmZvkysKWZo72DG4v1biQen8Q19JQ8wcIYSZBUULLqbczcMaYZA9es3iHvjNaKAFSYsmVQx1Gqc27JMOKb0NiUvnx57JsNLf5rBEDzXRXesItCAzUdluEKlaQQ2Jj-sA.jpg')"></i> <div class="link_preview_site_name accent_color">zenui.net</div> <div class="link_preview_title">ZENUI LIBRARY REACT - Open-Source Free Templates &amp; Components Library For React Applications</div> <div class="link_preview_description">Elevate your project with free UI components, customizable icons, and a color palette. No dependencies required</div> </a>https://broadcastchannel-hub.pages.dev/posts/7303https://broadcastchannel-hub.pages.dev/posts/7303Sun, 08 Jun 2025 12:56:43 GMT<i class="emoji"><b>📢</b></i>导航站收录更新通知！<br /><a href="/search/result?q=%23%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91" title="#前端开发">#前端开发</a> <a href="/search/result?q=%23%E7%8B%AC%E7%AB%8B%E5%BC%80%E5%8F%91" title="#独立开发">#独立开发</a><br />站点名称: Flowbite<br />描述: 将此交互式工具用作备忘单，查看和搜索 Tailwind CSS（世界上最流行的实用程序优先 CSS 框架）中的所有类名。<br />链接: <a href="https://flowbite.com/tools/tailwind-cheat-sheet/" target="_blank" rel="noopener" title="https://flowbite.com/tools/tailwind-cheat-sheet/">https://flowbite.com/tools/tailwind-cheat-sheet/</a><br />前往导航: <a href="http://www.noisedh.cn/" target="_blank" rel="noopener" title="www.noisedh.cn">www.noisedh.cn</a> 或 <a href="http://www.noisedh.link/" target="_blank" rel="noopener" title="www.noisedh.link">www.noisedh.link</a>https://broadcastchannel-hub.pages.dev/posts/7229https://broadcastchannel-hub.pages.dev/posts/7229Tue, 27 May 2025 14:21:05 GMT<i class="emoji"><b>📢</b></i>导航站收录更新通知！<br /><a href="/search/result?q=%23%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91" title="#前端开发">#前端开发</a> <a href="/search/result?q=%23%E7%8B%AC%E7%AB%8B%E5%BC%80%E5%8F%91" title="#独立开发">#独立开发</a><br />站点名称: Better-T Stack<br />描述: 一种现代 CLI 工具，用于构建端到端类型安全的 TypeScript 项目，具有最佳实践和可自定义的配置<br />链接: <a href="https://better-t-stack.amanv.dev/" target="_blank" rel="noopener" title="https://better-t-stack.amanv.dev/">https://better-t-stack.amanv.dev/</a><br />前往导航: <a href="http://www.noisedh.cn/" target="_blank" rel="noopener" title="www.noisedh.cn">www.noisedh.cn</a> 或 <a href="http://www.noisedh.link/" target="_blank" rel="noopener" title="www.noisedh.link">www.noisedh.link</a><a class="tgme_widget_message_link_preview" href="https://better-t-stack.amanv.dev/?ref=dailydev" target="_blank" rel="noopener" title="A modern CLI tool for scaffolding end-to-end type-safe TypeScript projects with best practices and customizable configurations"> <div class="link_preview_site_name accent_color">Better-T-Stack</div> <img class="link_preview_image" alt="Better-T-Stack" src="/static/https://cdn4.telesco.pe/file/gGMH6m4aYtYxek2UtJvmJDxGAXnjtlxo4A3vyiFJJxWBUVlx8kMu2iniWUbFH0UMRgCI4NMaHqe3-gP_xzCZ-NN9b68UmlSFHayRWnXY321BqOEjbvCQY3aLqYS3RXQCO-VtyUFCJWLbvOwasOtsvRWyW42qbLjPAu2HLRJme7wThda4R0qaV-tv9DDl92XFkINOzzB3H5yCTlmSUl_vgVB9tbGP-Ug08QPFfv4wBJ9e5AiSoqoxfal8yL2u3B9cFAE7876xVFNE1zO_ovh6ksrZJwDZafnOIJ3PFWsc_7nzZtXTtc-eZjvk9GwpcE-BnRPMzz_yNdF3LDmj5c9UZQ.jpg" width="1200" height="630" loading="eager" /> <div class="link_preview_description">A modern CLI tool for scaffolding end-to-end type-safe TypeScript projects with best practices and customizable configurations</div> </a>https://broadcastchannel-hub.pages.dev/posts/7011https://broadcastchannel-hub.pages.dev/posts/7011Fri, 18 Apr 2025 10:45:56 GMT<i class="emoji"><b>📢</b></i>导航站收录更新通知！<br /><a href="/search/result?q=%23%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91" title="#前端开发">#前端开发</a> <a href="/search/result?q=%23%E7%8B%AC%E7%AB%8B%E5%BC%80%E5%8F%91" title="#独立开发">#独立开发</a><br />站点名称: Herb<br />描述: 强大且无缝的 HTML 感知 ERB 解析和工具<br />链接: <a href="https://herb-tools.dev/" target="_blank" rel="noopener" title="https://herb-tools.dev/">https://herb-tools.dev/</a><br />前往导航: <a href="http://www.noisedh.cn/" target="_blank" rel="noopener" title="www.noisedh.cn">www.noisedh.cn</a> 或 <a href="http://www.noisedh.link/" target="_blank" rel="noopener" title="www.noisedh.link">www.noisedh.link</a><a class="tgme_widget_message_link_preview" href="https://herb-tools.dev/" target="_blank" rel="noopener" title="An ecosystem of powerful and seamless developer tools for HTML+ERB templates."> <i class="link_preview_right_image" style="background-image:url('https://cdn4.telesco.pe/file/DeKvE50nQu-ElzVN_jSAPsL4Ol03reYnOG0sVYQ8bjuDYt1vaKFK25Lp4R7t9JUs3Tm1sX9g9eAk4YD8FzdN1IdbRzPcZAARnN-ABRjuS9N8wdLRxLuira_1TWO3YolNfc8UHeoY_3CpuHdnA8hm4Z68woRQYs9bMWOReHlUOfdWEsiZHu86lgotvw7hTldXmPMZESJUPfiY8-Wrh0D71JNjSUqPWqg4GnA2xEcK5Qk6mcZjKZuqRD5pASoI0E_0uRT82649muN6YTj9Lr8BLsrk7mc-aJtnfq-RYyIjRfSPZds6GenUi51xdCtb7cSlo7GK09ajJDVRP43kYm5hIA.jpg')"></i> <div class="link_preview_site_name accent_color">herb-tools.dev</div> <div class="link_preview_title">Herb - The modern HTML+ERB Toolchain | Herb</div> <div class="link_preview_description">An ecosystem of powerful and seamless developer tools for HTML+ERB templates.</div> </a>https://broadcastchannel-hub.pages.dev/posts/6552https://broadcastchannel-hub.pages.dev/posts/6552Fri, 17 Jan 2025 03:55:47 GMT<i class="emoji"><b>📢</b></i>导航站收录更新通知！<br /><a href="/search/result?q=%23%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91" title="#前端开发">#前端开发</a> <a href="/search/result?q=%23%E7%8B%AC%E7%AB%8B%E5%BC%80%E5%8F%91" title="#独立开发">#独立开发</a><br />站点名称: CallToInspiration<br />描述: 当您有灵感块或需要新的想法时，使用紫色帽子寻求灵感。由 deisnger 为 Web 专业人士创建的出色工具。<br />链接: <a href="https://calltoinspiration.com/" target="_blank" rel="noopener" title="https://calltoinspiration.com/">https://calltoinspiration.com/</a><br />前往导航: <a href="http://www.noisedh.cn/" target="_blank" rel="noopener" title="www.noisedh.cn">www.noisedh.cn</a> 或 <a href="http://www.noisedh.link/" target="_blank" rel="noopener" title="www.noisedh.link">www.noisedh.link</a><a class="tgme_widget_message_link_preview" href="https://calltoinspiration.com/" target="_blank" rel="noopener" title="Call for inspiration using the purple hat for when you have inspiration blocks or need fresh new ideas. A great tool created by a deisnger for web professionals."> <div class="link_preview_site_name accent_color">CallToInspiration – Small details for very exacting ideas!</div> <img class="link_preview_image" alt="CallToInspiration – Small details for very exacting ideas!" src="/static/https://cdn4.telesco.pe/file/aaSKjTAmUykhuAfnHOwb9iS4OLwwD3xOlZVazUNtiQWivhd9K8DZqwzH3j7rZnSv4Y3Z4cZ1EAM4z5JV8wVhe6Vsi-WFp_bP2VIlwJnr5BYroqFxdjk5V_a0wKB6PYHGyjBJM0Dl5CPNOihJea92Ffu-tZQgloQU4PrL7Upz7mUj_cApQqb9Pxp_I-zUrWOMPTgUYqlh9QxMVUzGrwxDJ4MYL3ONOBCQdQ2zcOzrS65cpBrDzz9RAKcLFmFJvbbl6oYVr-NOnZ4yCXDyfneFWOhfj6zeJQGBbcoMnX0jjam7Ytn3XGU6-6dECSlB5z1crsIDM68tPE-jgx7jkAU-Jw.jpg" width="1200" height="630" loading="eager" /> <div class="link_preview_description">Call for inspiration using the purple hat for when you have inspiration blocks or need fresh new ideas. A great tool created by a deisnger for web professionals.</div> </a>https://broadcastchannel-hub.pages.dev/posts/5896https://broadcastchannel-hub.pages.dev/posts/5896Wed, 26 Jun 2024 14:11:40 GMT<a href="/search/result?q=%23%E5%89%8D%E7%AB%AF" title="#前端">#前端</a> 一个前端在线编辑器，且致力于成为一个方便、快速的在线 Web 实例开发、调试工具。使用 Vue3 和 Codemirror6 构建。<br /><a href="https://github.com/JS-Encoder/JS-Encoder" target="_blank" rel="noopener" title="https://github.com/JS-Encoder/JS-Encoder">https://github.com/JS-Encoder/JS-Encoder</a><a class="tgme_widget_message_link_preview" href="https://github.com/JS-Encoder/JS-Encoder" target="_blank" rel="noopener" title="一个前端在线编辑器，且致力于成为一个方便、快速的在线 Web 实例开发、调试工具。使用 Vue3 和 Codemirror6 构建。 - JS-Encoder/JS-Encoder"> <div class="link_preview_site_name accent_color">GitHub</div> <img class="link_preview_image" alt="GitHub - JS-Encoder/JS-Encoder: 一个前端在线编辑器，且致力于成为一个方便、快速的在线 Web 实例开发、调试工具。使用 Vue3 和 Codemirror6 构建。" src="/static/https://cdn4.telesco.pe/file/DhcWudJR0E8MKJERM9FIBlWHiROse_Kf1SjFPXhGU6w1zjFPKS-s_TKZ7jitszNjYzoumeJXLdnyU-akw2zlzSHZC2lejvxBUoNAMibe-InkcycpmTTI7k2YUi7504yX18YrzA_GNsD2mkLIQVnAYJjqWn4rGPcUx51NAy39-SHx27xKfpkTlY54hjq3Ky4rZ800BedmciB9nS4tz0YvMPri0hd70VniwMDLX7is8fo7DvxrUsLRrcjwqYsFcBZsPMtpkFl4gVrqdBF4SlwW4SAuAO08FwcEqFWEwBN4zSQ6kcH7fZEBbU-QAhRpdS4Wi9_jIANyXJzkKpgBG68_eg.jpg" width="1200" height="630" loading="eager" /> <div class="link_preview_title">GitHub - JS-Encoder/JS-Encoder: 一个前端在线编辑器，且致力于成为一个方便、快速的在线 Web 实例开发、调试工具。使用 Vue3 和 Codemirror6 构建。</div> <div class="link_preview_description">一个前端在线编辑器，且致力于成为一个方便、快速的在线 Web 实例开发、调试工具。使用 Vue3 和 Codemirror6 构建。 - JS-Encoder/JS-Encoder</div> </a>