👋 动态记录 & 转发分享 ✨ https://tg.okhk.net/ ✌️
#AI #GitHub #RePost https://github.com/BuilderIO/gpt-crawler 一款可以将网站内容全部爬取下来，并转换成可以作为 GPTs 学习的结构化知识的工具。
例如你想制作一个数字人分身，不妨把自己在社交媒体或者个人博客的内容先抓取下来，提交给 ChatGPT 作为储备知识。
顺便推荐下它背后使用的技术框架，crawlee，https://crawlee.dev/，它是一个网络爬虫工具，也是一款浏览器自动化工具，在实现上，它提供了 DOM 解析能力、无头浏览器模式、异常状态码处理、队列和存储，以及大量的配置项来增强爬虫。它也是一款开源产品：https://github.com/apify/crawlee
https://m.okjike.com/originalPosts/655bef80285600667329a859
source
例如你想制作一个数字人分身，不妨把自己在社交媒体或者个人博客的内容先抓取下来，提交给 ChatGPT 作为储备知识。
顺便推荐下它背后使用的技术框架，crawlee，https://crawlee.dev/，它是一个网络爬虫工具，也是一款浏览器自动化工具，在实现上，它提供了 DOM 解析能力、无头浏览器模式、异常状态码处理、队列和存储，以及大量的配置项来增强爬虫。它也是一款开源产品：https://github.com/apify/crawlee
https://m.okjike.com/originalPosts/655bef80285600667329a859
source
GitHub
GitHub - BuilderIO/gpt-crawler: Crawl a site to generate knowledge files to create your own custom GPT from a URL
Crawl a site to generate knowledge files to create your own custom GPT from a URL - BuilderIO/gpt-crawler
2022 年中国 31 省份人口出生率：9 省超 8‰，20 省人口自然增长率为负
2022 年中国出生人口 956 万人，比 2021 年减少 106 万人。人口出生率为 6.77‰，比 2021 年下降 0.75 个千分点。
中国国家统计局编著出版的《中国统计年鉴 2023》公布了 31 个省份的人口出生率、死亡率和自然增长率数据。2022 年有 9 个省份的人口出生率超过千分之八（8‰）；有 20 个省份人口自然增长率（人口自然增加数（出生人数-死亡人数）/同期平均总人口数）为负，比上一年增加 7 个。
在人口出生率方面，有 14 个省份超过了全国平均水平（6.77‰），其中有 4 个省份超过了 1% 即千分之十，分别是西藏、贵州、青海和宁夏，均来自西部地区。有 5 个省份人口出生率处于 8‰ 到 9‰ 之间，分别是海南、广西、甘肃、广东和云南。
另外，根据中国国家卫生健康委上月公布的《2022 年我国卫生健康事业发展统计公报》，2022 年我国出生人口中，二孩占比为 38.9%，三孩及以上占比为 15%。2022年，我国一孩出生数量为 441 万人，二孩出生数量为 372 万人，三孩及以上出生数量为 143 万人（四舍五入取整数）。近 6 年来，我国一孩出生数量降幅达到 51.3%。
—— 第一财经
Message link
source
2022 年中国出生人口 956 万人，比 2021 年减少 106 万人。人口出生率为 6.77‰，比 2021 年下降 0.75 个千分点。
中国国家统计局编著出版的《中国统计年鉴 2023》公布了 31 个省份的人口出生率、死亡率和自然增长率数据。2022 年有 9 个省份的人口出生率超过千分之八（8‰）；有 20 个省份人口自然增长率（人口自然增加数（出生人数-死亡人数）/同期平均总人口数）为负，比上一年增加 7 个。
在人口出生率方面，有 14 个省份超过了全国平均水平（6.77‰），其中有 4 个省份超过了 1% 即千分之十，分别是西藏、贵州、青海和宁夏，均来自西部地区。有 5 个省份人口出生率处于 8‰ 到 9‰ 之间，分别是海南、广西、甘肃、广东和云南。
另外，根据中国国家卫生健康委上月公布的《2022 年我国卫生健康事业发展统计公报》，2022 年我国出生人口中，二孩占比为 38.9%，三孩及以上占比为 15%。2022年，我国一孩出生数量为 441 万人，二孩出生数量为 372 万人，三孩及以上出生数量为 143 万人（四舍五入取整数）。近 6 年来，我国一孩出生数量降幅达到 51.3%。
—— 第一财经
Message link
source
#AI #URL
1. 语法 ➝ trinka.ai
2. 开会 ➝ krisp.ai
3. 网页 ➝ 10web.io
4. 码代码 ➝ askcodi.com
5. 图片 ➝ tryleap.ai
5.简历 ➝ mosaic.ai
1. 写Prompt ➝ wnr.ai
2. 音频处理 ➝ voicemaker.in
3. 设计 ➝ modify.design
4. 视频处理 ➝ decoherence.co
5. App ➝ brancher.ai
source
1. 语法 ➝ trinka.ai
2. 开会 ➝ krisp.ai
3. 网页 ➝ 10web.io
4. 码代码 ➝ askcodi.com
5. 图片 ➝ tryleap.ai
5.简历 ➝ mosaic.ai
1. 写Prompt ➝ wnr.ai
2. 音频处理 ➝ voicemaker.in
3. 设计 ➝ modify.design
4. 视频处理 ➝ decoherence.co
5. App ➝ brancher.ai
source
#GitHub #AI #RePost
https://github.com/abi/screenshot-to-code 这个项目演示了，如何使用 GPT-4 Vision 和 DALL-E 3 将设计稿/网页截图转换成源码（HTML + Tailwind CSS），还原度非常高。
本来以为项目做了很多工程化的工作来优化生成结果，扒了下源码，没想到 Prompt 如此简单（如图二）。也就是说，使用 ChatGPT 已经可以完全胜任切图工作了，效率提升 1000x。
为了让大家可以直接玩耍，作者还开发了一个网页，填写自己的 OpenAI Key，就可以体验“截图转代码”的整个过程了：https://picoapps.xyz/free-tools/screenshot-to-code
https://m.okjike.com/originalPosts/655b3a0228560066731d66a9
source
https://github.com/abi/screenshot-to-code 这个项目演示了，如何使用 GPT-4 Vision 和 DALL-E 3 将设计稿/网页截图转换成源码（HTML + Tailwind CSS），还原度非常高。
本来以为项目做了很多工程化的工作来优化生成结果，扒了下源码，没想到 Prompt 如此简单（如图二）。也就是说，使用 ChatGPT 已经可以完全胜任切图工作了，效率提升 1000x。
为了让大家可以直接玩耍，作者还开发了一个网页，填写自己的 OpenAI Key，就可以体验“截图转代码”的整个过程了：https://picoapps.xyz/free-tools/screenshot-to-code
https://m.okjike.com/originalPosts/655b3a0228560066731d66a9
source
#RePost #Mark Yuanji's Blog 我的 2023 年 VPS 使用报告 https://blog.gimo.me/posts/2023-vps-usage-report/
source
source
Yuanji's Blog
我的 2023 年 VPS 使用报告
马上要到一年一度的黑色星期五，不少软件、服务即将开始促销。对于 VPS 用户和商家来说黑五也是一个非常重要的节日。我也收到了好几家之前有用过的 VPS 商家发来的邮件，相信现在网上最不缺的就是促销和测评的文章了。然而似乎很少有人写一写自己较为长期使用 VPS 的经验，我翻了翻自己关于 VPS 的文章已经有两年多没更新，今天就以即将到来的黑五为契机写一写我现在（2023 年末）使用 VPS 的状况。
#RePost #URL #Mark 排名前十的谷歌 SEO 工具推荐：十款助力网站优化的利器
在当今数字化时代，谷歌 SEO 工具对于网站的可见性和业务成功至关重要。为了帮助您打造高效的营销策略，我们整理了排名前十的谷歌 SEO 工具推荐，涵盖关键词分析、内容主题挖掘、竞争对手分析等方面。从 Niche Finder 、Keysearch 到 Ahrefs 和 Semrush ，这些工具将帮助您优化网站，提升搜索流量，使您的品牌在激烈的网络竞争中脱颖而出。让我们一起深入了解这些强大的 SEO 工具，为您的在线业务带来更大的成功。
一、Niche Finder 关键词分析工具 Niche Finder 关键词分析工具介绍
Niche Finder 一款让你可以随时掌握竞争对手访问量、流量来源、关键词排名，洞悉整个行业生态的超全能 seo 工具。通过该工具你可以清晰的知道竞争对手的自然搜索来源，SEO 全方位数据。
官网： https://nichefinder.xyz/
二、Keysearch Keysearch 工具介绍
Keysearch 由 Dan Pfeffer 于 2015 年创立。最初是一款小众关键词研究软件，现已发展成为一整套 SEO 和营销工具。Keysearch 不是专注于企业对企业 (B2B) 客户，而是为普通人构建和设计的。Dan 与 Keysearch 的目标始终是以每个人都能承受的价格提供高质量、易于使用的 SEO 工具。
Keysearch 使日常博主和企业能够从相同类型的研究和数据中受益，而这些研究和数据通常由于价格昂贵而只有大企业和大型机构才能获得。它还消除了大多数自己进行 SEO 研究的人不需要的漫长学习曲线和过于复杂的功能集。 官网： https://www.keysearch.co/
三、topicfinder
topicfinder 工具介绍
Topicfinder 是由一家内容营销机构设计的，该机构每月撰写数百篇长篇文章，并在最高水平上竞争。它是为有竞争力的内容团队、营销人员和企业量身定制的。
Topicfinder 可帮助您找到数千个获奖内容主题。抓取网络，从 API 中提取 SEO 数据，排序、过滤、优化并选择最好的数据 - 这几乎太容易了。
官网： https://www.topicfinder.com/
四、simpletiger simpletiger 工具介绍
SimpleTiger 通过其 SEO 咨询服务简化了企业、机构和初创公司的入站营销。
SimpleTiger 为其用户提供技术优化、内容营销和链接开发服务。公司的 SEO 活动分为研究和审核阶段以及生产和开发阶段。研究
审计是关于研究关键词、行业，审计其用户网站、内容和竞争对手的网站，以确定最佳的 SEO 策略，让他们在有机搜索中脱颖而出。根据研究和审核阶段的发现，生产和开发开始优化其用户的站点和内容，并在网络上生成内容和链接关系。
官网： https://www.simpletiger.com/
五、Ahrefs
Ahrefs 工具介绍
Ahrefs 是一款用于增加搜索流量和优化网站的一体化 SEO 工具集。抓取整个网络，每天收集和处理 PB 级的数据，然后提供这些信息上下文并使其可以通过简单的用户界面进行访问。爬虫每天处理多达 80 亿个页面，并且我们每隔几分钟就会用网络上最新的反向链接更新索引。有趣的事实：AhrefsBot 实际上是网络上第三大最活跃的爬虫。
官网： https://ahrefs.com/
六、wordstream
wordstream 工具介绍
WordStream 一直在帮助小型企业开展在线广告，提供可操作（且读起来很有趣！）的提示和战略建议，以及实现其最大目标的工具。最初是一个关键字研究工具，后来扩展到一整套广告服务和解决方案，提供更多（很棒的）免费工具，包括我们屡获殊荣的 Facebook Ads 和 Google Ads Performance Graders 。WordStream 现已更名为 LocaliQ 的 WordStream ，ocaliQ 的定制数字营销解决方案以其专有技术和与 30 万多家企业合作的无与伦比的见解而著称。
官网： https://www.wordstream.com/
七、semrush
semrush 工具介绍
Semrush 是在线可见性管理和内容营销 SaaS 平台。Semrush 是唯一一款能够让营销专业人员跨所有渠道构建、管理和衡量营销活动以提高在线知名度的软件。Semrush 软件帮助各种规模和行业的公司优化关键渠道的可见性，并为用户创建引人入胜的内容，被用户在多项国际奖项中被评为最佳 SEO 软件
官网： https://www.semrush.com/
八、moz.com
moz.com 介绍
MOZ 是一个 seo 工具，可提供有关你的页面在主要搜索引擎上的性能的信息。对于希望通过应用 SEO 技术获得良好搜索引擎结果的企业家来说，这是必不可少的。该平台是虚拟市场中最完整的平台之一。它的功能远远超出了 SEO 优化，可以改进你的策略。MOZ 具有多种促进数字工作的功能，被数字企业家广泛使用由于其复杂而有用的资源。
官网： https://moz.com/
九、keywordtool.io
keywordtool.io 工具介绍
Keywordtool.io 一款键字研究工具，它已被评为顶级关键字研究工具之一。Keywordtool.io 是目前最有利的关键词研究的最佳选择，因为准确的关键词对于内容表现至关重要。该工具会自动为您的 SEO 和 PPC 活动提供与参考词相似的词。它在 Google 、Bing 、Instagram 、Twitter 、YouTube 、亚马逊、eBay 和 Play 商店上运行。简而言之，您可以利用在线所有高性能平台的关键字。您可以输入您的单词并选择平台；它将创建所有相似关键字的列表。我们将回顾这个工具并详细解释它，以及 keywordstool.io 的定价和替代品
官网:https://keywordtool.io/
十、topicranker
topicranker.com 工具介绍
TopicRanker 主题研究工具可以发现搜索结果中的弱点和问题，并推荐您应该定位的关键词。TopicRanker 由 Dmitry Dragilev 创立，旨在帮助营销人员和 SEO 快速找到易于排名的个性化关键字。
官网： https://topicranker.com/
综合利用这些谷歌 SEO 工具，您将能够更全面地了解您的网站在搜索引擎中的表现，并采取有针对性的措施来提升其可见性。无论您是一名博主、企业家还是营销专业人员，这些工具都为您提供了深入洞察竞争对手、精准定位关键词、优化内容等方面的机会。通过精心规划和执行 SEO 策略，您将能够建立一个强大的在线存在，为您的目标受众提供有价值的内容，进而实现业务的长期成功。不要忽视谷歌 SEO 工具的力量，让它们成为您数字营销策略中的得力助手，引领您的品牌走向更广阔的网络世界。
https://www.v2ex.com/t/993033
source
在当今数字化时代，谷歌 SEO 工具对于网站的可见性和业务成功至关重要。为了帮助您打造高效的营销策略，我们整理了排名前十的谷歌 SEO 工具推荐，涵盖关键词分析、内容主题挖掘、竞争对手分析等方面。从 Niche Finder 、Keysearch 到 Ahrefs 和 Semrush ，这些工具将帮助您优化网站，提升搜索流量，使您的品牌在激烈的网络竞争中脱颖而出。让我们一起深入了解这些强大的 SEO 工具，为您的在线业务带来更大的成功。
一、Niche Finder 关键词分析工具 Niche Finder 关键词分析工具介绍
Niche Finder 一款让你可以随时掌握竞争对手访问量、流量来源、关键词排名，洞悉整个行业生态的超全能 seo 工具。通过该工具你可以清晰的知道竞争对手的自然搜索来源，SEO 全方位数据。
官网： https://nichefinder.xyz/
二、Keysearch Keysearch 工具介绍
Keysearch 由 Dan Pfeffer 于 2015 年创立。最初是一款小众关键词研究软件，现已发展成为一整套 SEO 和营销工具。Keysearch 不是专注于企业对企业 (B2B) 客户，而是为普通人构建和设计的。Dan 与 Keysearch 的目标始终是以每个人都能承受的价格提供高质量、易于使用的 SEO 工具。
Keysearch 使日常博主和企业能够从相同类型的研究和数据中受益，而这些研究和数据通常由于价格昂贵而只有大企业和大型机构才能获得。它还消除了大多数自己进行 SEO 研究的人不需要的漫长学习曲线和过于复杂的功能集。 官网： https://www.keysearch.co/
三、topicfinder
topicfinder 工具介绍
Topicfinder 是由一家内容营销机构设计的，该机构每月撰写数百篇长篇文章，并在最高水平上竞争。它是为有竞争力的内容团队、营销人员和企业量身定制的。
Topicfinder 可帮助您找到数千个获奖内容主题。抓取网络，从 API 中提取 SEO 数据，排序、过滤、优化并选择最好的数据 - 这几乎太容易了。
官网： https://www.topicfinder.com/
四、simpletiger simpletiger 工具介绍
SimpleTiger 通过其 SEO 咨询服务简化了企业、机构和初创公司的入站营销。
SimpleTiger 为其用户提供技术优化、内容营销和链接开发服务。公司的 SEO 活动分为研究和审核阶段以及生产和开发阶段。研究
审计是关于研究关键词、行业，审计其用户网站、内容和竞争对手的网站，以确定最佳的 SEO 策略，让他们在有机搜索中脱颖而出。根据研究和审核阶段的发现，生产和开发开始优化其用户的站点和内容，并在网络上生成内容和链接关系。
官网： https://www.simpletiger.com/
五、Ahrefs
Ahrefs 工具介绍
Ahrefs 是一款用于增加搜索流量和优化网站的一体化 SEO 工具集。抓取整个网络，每天收集和处理 PB 级的数据，然后提供这些信息上下文并使其可以通过简单的用户界面进行访问。爬虫每天处理多达 80 亿个页面，并且我们每隔几分钟就会用网络上最新的反向链接更新索引。有趣的事实：AhrefsBot 实际上是网络上第三大最活跃的爬虫。
官网： https://ahrefs.com/
六、wordstream
wordstream 工具介绍
WordStream 一直在帮助小型企业开展在线广告，提供可操作（且读起来很有趣！）的提示和战略建议，以及实现其最大目标的工具。最初是一个关键字研究工具，后来扩展到一整套广告服务和解决方案，提供更多（很棒的）免费工具，包括我们屡获殊荣的 Facebook Ads 和 Google Ads Performance Graders 。WordStream 现已更名为 LocaliQ 的 WordStream ，ocaliQ 的定制数字营销解决方案以其专有技术和与 30 万多家企业合作的无与伦比的见解而著称。
官网： https://www.wordstream.com/
七、semrush
semrush 工具介绍
Semrush 是在线可见性管理和内容营销 SaaS 平台。Semrush 是唯一一款能够让营销专业人员跨所有渠道构建、管理和衡量营销活动以提高在线知名度的软件。Semrush 软件帮助各种规模和行业的公司优化关键渠道的可见性，并为用户创建引人入胜的内容，被用户在多项国际奖项中被评为最佳 SEO 软件
官网： https://www.semrush.com/
八、moz.com
moz.com 介绍
MOZ 是一个 seo 工具，可提供有关你的页面在主要搜索引擎上的性能的信息。对于希望通过应用 SEO 技术获得良好搜索引擎结果的企业家来说，这是必不可少的。该平台是虚拟市场中最完整的平台之一。它的功能远远超出了 SEO 优化，可以改进你的策略。MOZ 具有多种促进数字工作的功能，被数字企业家广泛使用由于其复杂而有用的资源。
官网： https://moz.com/
九、keywordtool.io
keywordtool.io 工具介绍
Keywordtool.io 一款键字研究工具，它已被评为顶级关键字研究工具之一。Keywordtool.io 是目前最有利的关键词研究的最佳选择，因为准确的关键词对于内容表现至关重要。该工具会自动为您的 SEO 和 PPC 活动提供与参考词相似的词。它在 Google 、Bing 、Instagram 、Twitter 、YouTube 、亚马逊、eBay 和 Play 商店上运行。简而言之，您可以利用在线所有高性能平台的关键字。您可以输入您的单词并选择平台；它将创建所有相似关键字的列表。我们将回顾这个工具并详细解释它，以及 keywordstool.io 的定价和替代品
官网:https://keywordtool.io/
十、topicranker
topicranker.com 工具介绍
TopicRanker 主题研究工具可以发现搜索结果中的弱点和问题，并推荐您应该定位的关键词。TopicRanker 由 Dmitry Dragilev 创立，旨在帮助营销人员和 SEO 快速找到易于排名的个性化关键字。
官网： https://topicranker.com/
综合利用这些谷歌 SEO 工具，您将能够更全面地了解您的网站在搜索引擎中的表现，并采取有针对性的措施来提升其可见性。无论您是一名博主、企业家还是营销专业人员，这些工具都为您提供了深入洞察竞争对手、精准定位关键词、优化内容等方面的机会。通过精心规划和执行 SEO 策略，您将能够建立一个强大的在线存在，为您的目标受众提供有价值的内容，进而实现业务的长期成功。不要忽视谷歌 SEO 工具的力量，让它们成为您数字营销策略中的得力助手，引领您的品牌走向更广阔的网络世界。
https://www.v2ex.com/t/993033
source
#URL #Repost
https://www.developing.dev/p/5-skills-all-10x-engineers-have
作者讲述了他身边最好的工程师都具备的五个通用技能 https://s2.loli.net/2023/11/13/5NCshr4JWIemotP.png
● 技术的深度与广度
● 对于最好的工程师来说，深度和广度他们都会掌握
● 要保持好奇心，好奇心是学习任何新东西的原始动力
● 和身边厉害的工程师一起工作，会快速从他们身上学到东西
● 不用权威去影响他人
● 我理解的是不是依靠资历、经验来向他人输出观点；而是就事论事，利用知识、技能来输出。
● 锻炼写作和口语
● 学会销售
● 提升他人
● 分享知识，写 WIKI、做分享
● 团队协作：codereview、团队讨论等
● 构建工具，解决大家遇到的一些共性问题。
● 要有主人公意识
● 这些工程师都有主人公意识。
● 像老板一样思考问题
http://crossoverjie.top/2023/11/17/ob/newsletter/Newsletter06-20231117/
source
https://www.developing.dev/p/5-skills-all-10x-engineers-have
作者讲述了他身边最好的工程师都具备的五个通用技能 https://s2.loli.net/2023/11/13/5NCshr4JWIemotP.png
● 技术的深度与广度
● 对于最好的工程师来说，深度和广度他们都会掌握
● 要保持好奇心，好奇心是学习任何新东西的原始动力
● 和身边厉害的工程师一起工作，会快速从他们身上学到东西
● 不用权威去影响他人
● 我理解的是不是依靠资历、经验来向他人输出观点；而是就事论事，利用知识、技能来输出。
● 锻炼写作和口语
● 学会销售
● 提升他人
● 分享知识，写 WIKI、做分享
● 团队协作：codereview、团队讨论等
● 构建工具，解决大家遇到的一些共性问题。
● 要有主人公意识
● 这些工程师都有主人公意识。
● 像老板一样思考问题
http://crossoverjie.top/2023/11/17/ob/newsletter/Newsletter06-20231117/
source
www.developing.dev
5 Skills the Best Engineers I Know Have in Common
With actionable tips on how to develop them
#GitHub
https://github.com/JoeanAmier/TikTokDownloader
抖音/TikTok 视频/图集/原声下载工具，还支持主页、评论、热榜等数据采集，完全开源，适用于 Win10 及以上系统。
✨ Features · 下载抖音/TikTok 无水印 视频/图集 · 批量下载抖音账号发布/喜欢/收藏作品 · 支持多个链接、多账号批量下载 · 自动跳过已下载的文件 · 持久化保存采集数据 · 下载抖音直播视频 · 采集抖音作品评论数据 · 批量下载抖音合集作品 · 采集热榜、搜索数据
source
https://github.com/JoeanAmier/TikTokDownloader
抖音/TikTok 视频/图集/原声下载工具，还支持主页、评论、热榜等数据采集，完全开源，适用于 Win10 及以上系统。
✨ Features · 下载抖音/TikTok 无水印 视频/图集 · 批量下载抖音账号发布/喜欢/收藏作品 · 支持多个链接、多账号批量下载 · 自动跳过已下载的文件 · 持久化保存采集数据 · 下载抖音直播视频 · 采集抖音作品评论数据 · 批量下载抖音合集作品 · 采集热榜、搜索数据
source
GitHub
GitHub - JoeanAmier/TikTokDownloader: TikTok 主页/合辑/直播/视频/图集/原声；抖音主页/视频/图集/收藏/直播/原声/合集/评论/账号/搜索/热榜数据采集工具
TikTok 主页/合辑/直播/视频/图集/原声；抖音主页/视频/图集/收藏/直播/原声/合集/评论/账号/搜索/热榜数据采集工具 - JoeanAmier/TikTokDownloader
#AI #RePost
借助GPT-4V视觉模型，可以轻松的将一张草图生成一个静态页面：https://github.com/tldraw/draw-a-ui
它的工作流程很简单：用户画好草图后，将草图保存成png图片，传给GPT-4V，让其根据Prompt生成使用Tailwind CSS的HTML。
Prompt： 作为一位精通 Tailwind CSS 的资深网页开发者，当用户提供给你一个应用程序初步草图时，你的任务是制作一个包含 HTML、Tailwind CSS 和 JavaScript 的高保真网页，并将所有额外的 CSS 和 JavaScript 代码直接嵌入到这个 HTML 文件中。如果需要使用图片，你可以从 Unsplash 获取，或者简单使用纯色矩形代替。用户可能会用蓝色或红色的文字、箭头或图示来给出具体说明。有时，他们甚至会提供其它网站的截图作为设计参考，你需要根据这些参考尽可能地复制其风格、字体、颜色和布局。此外，如果用户提供了之前的设计 HTML，你需要在此基础上进行改进。根据用户的要求，对设计进行相应的调整。在草图中，旧版设计的 HTML 会显示为一个白色矩形。在制作过程中，你有创意自由来让应用程序更加完善和详细。使用 JavaScript 模块和 unpkg 来导入任何必需的依赖项。
source
借助GPT-4V视觉模型，可以轻松的将一张草图生成一个静态页面：https://github.com/tldraw/draw-a-ui
它的工作流程很简单：用户画好草图后，将草图保存成png图片，传给GPT-4V，让其根据Prompt生成使用Tailwind CSS的HTML。
Prompt： 作为一位精通 Tailwind CSS 的资深网页开发者，当用户提供给你一个应用程序初步草图时，你的任务是制作一个包含 HTML、Tailwind CSS 和 JavaScript 的高保真网页，并将所有额外的 CSS 和 JavaScript 代码直接嵌入到这个 HTML 文件中。如果需要使用图片，你可以从 Unsplash 获取，或者简单使用纯色矩形代替。用户可能会用蓝色或红色的文字、箭头或图示来给出具体说明。有时，他们甚至会提供其它网站的截图作为设计参考，你需要根据这些参考尽可能地复制其风格、字体、颜色和布局。此外，如果用户提供了之前的设计 HTML，你需要在此基础上进行改进。根据用户的要求，对设计进行相应的调整。在草图中，旧版设计的 HTML 会显示为一个白色矩形。在制作过程中，你有创意自由来让应用程序更加完善和详细。使用 JavaScript 模块和 unpkg 来导入任何必需的依赖项。
source
GitHub
GitHub - tldraw/make-real: Draw a ui and make it real
Draw a ui and make it real. Contribute to tldraw/make-real development by creating an account on GitHub.
