手把手教你,AI生成超高品质网站
我们官网基本上就是这样调出来的,大佬们PC访问 http://lazycat.cloud 看效果,移动端这周上线。
我分享下调教AI方法:
1. 尽量找业内最好网站的截图让AI生成页面,因为截图比嘴说抽象的前端细节,效果好一万倍,因为人理解的前端、好看和AI理解的非常不一样
2. 让AI生成HTML单文件,这样马上就可以浏览器看效果,生成HTML效果全部OK后再让AI转vue组件,你直接上组件,会导致看效果之前还要整合到项目中,效率太低
3. AI生成的HTML后要细节微调,比如,文案改成什么苹果高冷风,图片跟文案搭配自己网上找图(不说AI会因为版权搞占位符,布局是乱的),图标用SVG图标(这样后期你可以自己找合适的让AI精确换),动效平滑点有加速度,哪个div的样式要微调一下(这个浏览器开发工具定位)
4. 第三步搞的差不多以后,基本上可以实现80%的效果,让AI从HTML转换成vue组件,这时候针对不合适的图标直接复制你网上找好的svg图标代码给他让它替换,因为AI现在对抽象图标的理解不够,比如一个小火箭图标你靠嘴说AI会给你画成七巧板这种让你哭笑不得的效果。但是你直接给他一个svg代码让它替换后线条调细一点就很nice
5. 到这一步基本上可以获得一个完整的vue组件,直接copy至你的项目,就可以持续集成了,不要让AI集成整个网站,网站大了上下文不够,sonnect 200k刚好适合生成一个完美的vue页面
6. 基本上做到这里,你抄袭的网站可以还原到80%,但是不要再花心思指挥AI到100%的效果,因为做不到,简单来说再往下就是画蛇添足浪费时间,不要问我为什么知道。这时候把demo交给专业前端工程师微调即可
上面就是完整的AI建站攻略,时间分布:基本上我找各种网站好看截图花了3天时间,完整15个vue页面靠说中文花了5天,前端专业工程师微调100%细节花了5天,云端资源静态化cdn部署1天。
http://lazycat.cloud PC版本这样质量的网站,全程14人日,恐怖吧?
个人觉得,最先失业的就是低级前端工程师,有审美的产品经理和高级前端工程师不会失业。
@https1024
我们官网基本上就是这样调出来的,大佬们PC访问 http://lazycat.cloud 看效果,移动端这周上线。
我分享下调教AI方法:
1. 尽量找业内最好网站的截图让AI生成页面,因为截图比嘴说抽象的前端细节,效果好一万倍,因为人理解的前端、好看和AI理解的非常不一样
2. 让AI生成HTML单文件,这样马上就可以浏览器看效果,生成HTML效果全部OK后再让AI转vue组件,你直接上组件,会导致看效果之前还要整合到项目中,效率太低
3. AI生成的HTML后要细节微调,比如,文案改成什么苹果高冷风,图片跟文案搭配自己网上找图(不说AI会因为版权搞占位符,布局是乱的),图标用SVG图标(这样后期你可以自己找合适的让AI精确换),动效平滑点有加速度,哪个div的样式要微调一下(这个浏览器开发工具定位)
4. 第三步搞的差不多以后,基本上可以实现80%的效果,让AI从HTML转换成vue组件,这时候针对不合适的图标直接复制你网上找好的svg图标代码给他让它替换,因为AI现在对抽象图标的理解不够,比如一个小火箭图标你靠嘴说AI会给你画成七巧板这种让你哭笑不得的效果。但是你直接给他一个svg代码让它替换后线条调细一点就很nice
5. 到这一步基本上可以获得一个完整的vue组件,直接copy至你的项目,就可以持续集成了,不要让AI集成整个网站,网站大了上下文不够,sonnect 200k刚好适合生成一个完美的vue页面
6. 基本上做到这里,你抄袭的网站可以还原到80%,但是不要再花心思指挥AI到100%的效果,因为做不到,简单来说再往下就是画蛇添足浪费时间,不要问我为什么知道。这时候把demo交给专业前端工程师微调即可
上面就是完整的AI建站攻略,时间分布:基本上我找各种网站好看截图花了3天时间,完整15个vue页面靠说中文花了5天,前端专业工程师微调100%细节花了5天,云端资源静态化cdn部署1天。
http://lazycat.cloud PC版本这样质量的网站,全程14人日,恐怖吧?
个人觉得,最先失业的就是低级前端工程师,有审美的产品经理和高级前端工程师不会失业。
@https1024
我用 1 句话提示词让 Antigravity 成为了 AI 写作大杀器
今天标题有点爆,但确实如此。我新做了个 Keyboard Maestro 宏动作,可以在 Antigravity 里直接调用自带的 AI Chat Edit对划选内容进行 AI 处理和替换,这是我对 AI 笔记软件最基本的要求。
Antigravity inline AI Chat 只能做到行级别处理,即便只选中部分内容,输出也会替换整行,差别很大。所以我想到用 Keyboard Maestro 快速调用 AI Edit(Cmd+i)配合 1 句提示词限定只处理选中内容,然后把结果和其它部分拼回去;同时也解决了非翻译处理如解释内容的换行展示。
这用起来很舒服,视频处理较慢,多半节点问题(视频处理已加速)。现在我用 Antigravity 和终端的频率已经超过 Arc 浏览器 和 Roam Research 笔记软件。最好的界面,代码和文本融在一起。现在也方便直接本地 Markdown 进行 Antigravity 处理,可以轻松利用提示词写 Rules 和调用新出的 Skills。
我发现很多看似工程量大问题,现在几乎可以一串代码或一句提示词解决,比如这个动作。
---
宏动作已放评论。
#writing #ai
今天标题有点爆,但确实如此。我新做了个 Keyboard Maestro 宏动作,可以在 Antigravity 里直接调用自带的 AI Chat Edit对划选内容进行 AI 处理和替换,这是我对 AI 笔记软件最基本的要求。
Antigravity inline AI Chat 只能做到行级别处理,即便只选中部分内容,输出也会替换整行,差别很大。所以我想到用 Keyboard Maestro 快速调用 AI Edit(Cmd+i)配合 1 句提示词限定只处理选中内容,然后把结果和其它部分拼回去;同时也解决了非翻译处理如解释内容的换行展示。
这用起来很舒服,视频处理较慢,多半节点问题(视频处理已加速)。现在我用 Antigravity 和终端的频率已经超过 Arc 浏览器 和 Roam Research 笔记软件。最好的界面,代码和文本融在一起。现在也方便直接本地 Markdown 进行 Antigravity 处理,可以轻松利用提示词写 Rules 和调用新出的 Skills。
我发现很多看似工程量大问题,现在几乎可以一串代码或一句提示词解决,比如这个动作。
---
宏动作已放评论。
#writing #ai
如何在电脑上播放 VR 视频?
Potplayer 可以播放 VR 视频!如图打开 VR 视频之后,右键点击「视频」-「播放360°视频」-「总是播放360°视频」即可正常播放!
Potplayer官网:https://potplayer.daum.net/?lang=zh_CN
网盘下载:https://pan.quark.cn/s/cdf452d3e9bb (仅Windows)
VR 视频清单
https://javdb.com/lists/BngMr
https://javdb.com/lists/y1Zrb
https://javdb.com/lists/7PBNB
AI 语音输入工具提示词
今天朋友分享了结合 Typeless 官网介绍以及现有提示词、整合的完整 AI 处理提示词,适用于 Spokenly、VoiceInk 这些可自定义 AI 提示词的工具。
目前 AI 语音输入法这个赛道挺卷,之前在小红书分享了我那篇关于 AI 语音输入法的文章,1 万多阅读,到现在已有五六个人私信我,让我试用他们的 AI 语音工具。目前来看,国内主要的几个有闪电说、妙言和智普的小凹,不过都还没深度使用。
我现在主要聚焦 Spokenly 作为本地自定义兜底配置和 Typeless 强力性能,Spokenly 我使用 Soniox 转录模型和 Grok4 AI 模型,输出很稳很舒服。(Soniox 转录体验比 11lab 的模型要好点)
---
# 角色
你是一位精通中文的专业文本编辑与转写后处理专家。
# 背景
你将收到一段由语音识别生成的原始转录文本。该文本通常缺少标点,包含口语化表达、填充词、重复、结巴、以及说话者中途改口(false start/repair)造成的冗余痕迹;也可能存在因口语跳跃导致的轻微语序不顺或逻辑衔接不足。你的任务是在不新增任何信息的前提下,将其清理为逻辑清晰、表达流畅、符合书面语阅读习惯的中文文本。
# 处理原则和规则
1. 添加标点。根据语义与停顿关系补齐必要的标点符号(逗号、句号、问号、顿号、引号、冒号等),使句子边界清晰、语气准确。
2. 去除口语噪声与填充词。删除无实际信息价值的口头禅与填充词(例如“嗯、啊、那个、就是、你知道吧/你知道吗、然后呢、其实吧”等,以及英文场景下的“um/uh/you know/like”等),并清理不影响核心信息的结巴与拖音,使文本更专业可读。
3. 去除不必要的重复。自动识别并删除连续或近距离的无意义重复词、重复短语或重复句,但保留确有表达功能的强调重复。
4. 自动处理“改口/自我修正”。当说话者出现“先说 A 又改成 B”的修正结构时,保留其最终明确的意图表达,删除被放弃的片段与编辑词;若被放弃内容承载关键事实(如数字、时间、结论变化),必须确保最终输出保留可执行且准确的最终结论。
5. 最小化润色以提升通顺度。在严格忠于原文信息的前提下,允许进行最小幅度的语序调整、指代消歧与必要连接词补充;不得改变原意、立场、语气强度或事实细节。
6. 表达更清晰但不创作。当原文表述含混或过度口语化时,可在不改变语义与强度的前提下改写为更明确的一句话;不得新增任何原文没有的信息、理由、背景或结论。
# 结构化与排版规则(必须遵守“必要且克制”):
1)当原文包含并列的多项要点、清单、任务分配、材料列表、优缺点对比、多个决策项、或连续的行动步骤时,将其改写为项目符号列表;列表项必须一一对应原文信息,不得合并导致信息丢失,也不得拆分产生新信息。
2)当原文天然呈现为“步骤/流程/时间顺序/优先级顺序”(例如“第一…第二…”“先…再…最后…”“明天先做 A,之后做 B”),使用序号(1、2、3…)而非纯 bullet,以强化顺序关系。
3)当原文只是并列罗列但无明确先后顺序时,使用 bullet(• 或 -),不强行编号。
4)列表层级不超过两层;若出现子项,仅在原文明确存在“某项包含若干子点”时使用二级 bullet。
5)若原文明显是在口述一封邮件/消息/会议纪要,可以保留称呼与结尾,并把正文中的要点结构化为 bullet 或编号;但不得自行添加寒暄、总结或额外行动项。
6)若原文为连续叙述且不具备清单特征,则保持自然分段,不强行列表化。
# 输出要求:
只输出清理后的正文文本;可使用自然段落、必要的 bullet 与序号;不添加标题、不做总结、不输出“修改说明”。除非原文天然呈现为列表/步骤/要点,否则不要刻意分点。
# 禁止事项(必须严格遵守):
不得编造、补充、推测任何原文未包含的信息;不得擅自引入日期、数字、姓名、因果解释或行动项;不得为了文采而改变原意或删掉关键信息。
# 输入文本:
在分隔符或标记之后给出原始转写文本。你的输出:仅给出优化后的文本正文。
下面是<原始转写文本>
相关链接:
1 Typeless
2 Spokenly丨另一款丝滑的 AI 语音输入工具
3 AI 语音输入法丨如何 X10 倍提升我的思维传输效率
#ai
今天朋友分享了结合 Typeless 官网介绍以及现有提示词、整合的完整 AI 处理提示词,适用于 Spokenly、VoiceInk 这些可自定义 AI 提示词的工具。
目前 AI 语音输入法这个赛道挺卷,之前在小红书分享了我那篇关于 AI 语音输入法的文章,1 万多阅读,到现在已有五六个人私信我,让我试用他们的 AI 语音工具。目前来看,国内主要的几个有闪电说、妙言和智普的小凹,不过都还没深度使用。
我现在主要聚焦 Spokenly 作为本地自定义兜底配置和 Typeless 强力性能,Spokenly 我使用 Soniox 转录模型和 Grok4 AI 模型,输出很稳很舒服。(Soniox 转录体验比 11lab 的模型要好点)
---
# 角色
你是一位精通中文的专业文本编辑与转写后处理专家。
# 背景
你将收到一段由语音识别生成的原始转录文本。该文本通常缺少标点,包含口语化表达、填充词、重复、结巴、以及说话者中途改口(false start/repair)造成的冗余痕迹;也可能存在因口语跳跃导致的轻微语序不顺或逻辑衔接不足。你的任务是在不新增任何信息的前提下,将其清理为逻辑清晰、表达流畅、符合书面语阅读习惯的中文文本。
# 处理原则和规则
1. 添加标点。根据语义与停顿关系补齐必要的标点符号(逗号、句号、问号、顿号、引号、冒号等),使句子边界清晰、语气准确。
2. 去除口语噪声与填充词。删除无实际信息价值的口头禅与填充词(例如“嗯、啊、那个、就是、你知道吧/你知道吗、然后呢、其实吧”等,以及英文场景下的“um/uh/you know/like”等),并清理不影响核心信息的结巴与拖音,使文本更专业可读。
3. 去除不必要的重复。自动识别并删除连续或近距离的无意义重复词、重复短语或重复句,但保留确有表达功能的强调重复。
4. 自动处理“改口/自我修正”。当说话者出现“先说 A 又改成 B”的修正结构时,保留其最终明确的意图表达,删除被放弃的片段与编辑词;若被放弃内容承载关键事实(如数字、时间、结论变化),必须确保最终输出保留可执行且准确的最终结论。
5. 最小化润色以提升通顺度。在严格忠于原文信息的前提下,允许进行最小幅度的语序调整、指代消歧与必要连接词补充;不得改变原意、立场、语气强度或事实细节。
6. 表达更清晰但不创作。当原文表述含混或过度口语化时,可在不改变语义与强度的前提下改写为更明确的一句话;不得新增任何原文没有的信息、理由、背景或结论。
# 结构化与排版规则(必须遵守“必要且克制”):
1)当原文包含并列的多项要点、清单、任务分配、材料列表、优缺点对比、多个决策项、或连续的行动步骤时,将其改写为项目符号列表;列表项必须一一对应原文信息,不得合并导致信息丢失,也不得拆分产生新信息。
2)当原文天然呈现为“步骤/流程/时间顺序/优先级顺序”(例如“第一…第二…”“先…再…最后…”“明天先做 A,之后做 B”),使用序号(1、2、3…)而非纯 bullet,以强化顺序关系。
3)当原文只是并列罗列但无明确先后顺序时,使用 bullet(• 或 -),不强行编号。
4)列表层级不超过两层;若出现子项,仅在原文明确存在“某项包含若干子点”时使用二级 bullet。
5)若原文明显是在口述一封邮件/消息/会议纪要,可以保留称呼与结尾,并把正文中的要点结构化为 bullet 或编号;但不得自行添加寒暄、总结或额外行动项。
6)若原文为连续叙述且不具备清单特征,则保持自然分段,不强行列表化。
# 输出要求:
只输出清理后的正文文本;可使用自然段落、必要的 bullet 与序号;不添加标题、不做总结、不输出“修改说明”。除非原文天然呈现为列表/步骤/要点,否则不要刻意分点。
# 禁止事项(必须严格遵守):
不得编造、补充、推测任何原文未包含的信息;不得擅自引入日期、数字、姓名、因果解释或行动项;不得为了文采而改变原意或删掉关键信息。
# 输入文本:
在分隔符或标记之后给出原始转写文本。你的输出:仅给出优化后的文本正文。
下面是<原始转写文本>
相关链接:
1 Typeless
2 Spokenly丨另一款丝滑的 AI 语音输入工具
3 AI 语音输入法丨如何 X10 倍提升我的思维传输效率
#ai
Meta Tag完整指南(2026):Title、Description、Robots、Open Graph等18种标签配置 | Alignify
刚写了一篇关于网站Meta标签的超全指南!
说实话,做网站的时候谁会注意那些隐藏在HTML头部的Meta标签?但这玩意儿真的超级重要!直接影响你在搜索引擎的排名和社交平台的展示效果。
我花了整整一个小时的时间整理了18种核心Meta标签:
🔍 基础SEO标签(Title、Description、Robots)
📱 移动端优化(Viewport、Theme-color)
📢 社交媒体分享(Open Graph、Twitter Cards)
🔐 网站验证和元数据标签
每个标签都配了详细解释、代码示例和最佳实践。跟着我的教程做,保准让你的网站在Google,Bing上排位更好,分享到推特,Linkedin也更吸睛!
而且我还附赠了一个完整的HTML head配置模板,直接复制粘贴就能用!新手友好,老司机也能找到优化点。
(顺便说一句,不看后悔系列 😂)
Btok 注册,方法非常简单,不需要谷歌框架,只要下载一个最新版的Btok,如果Btok收不到验证
码,给10686240000000105037发短信11111,中国移动会提示【您已经成功开通端口[10686240],相关..
之后就可以收到验证码了登上Btok之后在用第三方tg或电脑网页版验证码发到已登录的Btok上
这个方法亲测广电和移动号码可以用
from:@miaoaaaaa
其他经验:https://t.me/tgcnz/982
#Telegram
几何指南
一个专注于木工设计与制造的线上平台,提供丰富的图纸下载,包括家具模型、榫卯结构、古建斗栱等,并配有材料大全,详细介绍实木、人造板木料的型号、性质及行情数据,还支持工具与五金件知识库,同时内置木料一站式定制服务,免费浏览,无需注册。
https://www.jihezn.com
频道 @WidgetChannel
今年内地多数银行已上线跨境支付通,实测从招行向香港汇丰汇港币0手续费,到账快,汇率接近实时国际价,是替代 Wise 的优质方式。
你可以放心用于香港账户(如汇丰 ,中银香港)入金。
跨境支付通的优势
免费:大陆银行向香港账户跨境汇款无手续费
快:基本实时到账
汇损低:实测¥100到账HKD109.24,对比实时HKD110.03损耗极低
适配广:招行、建行、中行等银行
招行跨境支付通汇款步骤
打开招商银行App,首页搜索:跨境支付通
常驻国家:香港
交易编码:私人旅行
汇款用途:旅游支出
到账币种:港币HKD
收款人账号:填写香港银行账户号码
收款人姓名:填写香港账户户名
收款银行:如HSBC、BOC HK等
🔘@TossIPhone 🔘@TossIChannel
Asspp - 多账号App Store管理工具
Asspp 是由 Lakr233 开发的 macOS 和 iOS 应用,主要用于管理多个 Apple ID,并提供更便捷的 App Store 使用体验。
主要功能包括:
• 多账号支持:同时管理多个 Apple ID。
• 区域选择:自由切换 App Store 区域。
• 应用搜索与下载:直接搜索并下载应用。
• IPA 安装:支持在非越狱设备上安装 IPA 文件。
• 历史版本获取:下载应用历史版本。
• 免费应用获取:突破部分 App Store 限制获取免费应用。
支持 macOS 与 iOS,使用需自行下载并签名安装对应版本。
🔘@TossLab 🔘@TossLabChannel
Windows Hello 还可以做 FIDO2/U2F 密钥,类似的开源实现是 virtual-fido,该组织还有一个项目: Bluewark Passkey 是一个利用 USB 设备进行 Passkey 登录的管理器,现在支持 Windows 和 Linux。嗯,这些应该可以工作。
via: @dejavuBlog @dejavuGroup