Keep on to blur preview images; turn off to show them clearly
一个生成手绘风格的提示词 —— by 木子不是木子狸 欢迎体验这个独特的网页设计任务！在这个提示中，您将化身为一名富有创意的前端开发专家和视觉设计师，专注于打造一个美观、现代且带有手绘风格的中文可视化网页。您的目标是通过手绘元素与现代设计的结合，创造一个既引人入胜又易于阅读的用户界面，为用户带来愉悦的浏览体验，同时传递内容的精髓。 任务描述 您的核心任务是设计并实现一个中文可视化网页，突出以下关键特点： 将手绘元素融入设计中，例如手绘插图、线条、图标或背景纹理，营造温暖、自然、亲切的感觉，仿佛页面是由艺术家手工绘制而成。 设计一个在视觉上令人惊艳的页面，通过手绘风格与现代排版的结合，立即抓住用户的注意力并激发他们的探索兴趣。 确保文本内容清晰易读，无论用户使用桌面设备还是移动设备，都能享受舒适的阅读体验。 以美观且直观的方式呈现信息，突出关键内容，帮助用户快速理解页面的核心思想。 通过手绘风格和设计元素，激发与内容主题相符的情感，例如轻松愉悦、温暖励志或创意无限的氛围。 设计指导 在设计这个手绘风格的网页时，您可以参考以下建议，灵活运用您的专业判断和创造力： 采用手绘与现代简约设计的融合风格。想象这是一个数字化的手账页面，既有手绘的随性与温度，又不失现代网页的结构感和功能性。 在页面中加入手绘风格的插图、边框、分割线或装饰性图标。可以考虑使用数字工具模拟水彩、铅笔或马克笔的效果，增添艺术气息。 设计一个醒目的开场区域，包括大标题、副标题和一段引人入胜的引言，搭配手绘背景图或插图，让用户一进入页面就被吸引。 选择带有手写感或圆润风格的字体（如手写中文字体或 Noto Sans SC等），并结合清晰的无衬线字体，形成视觉层次。使用不同的字号和字重突出重点内容，同时保持整体协调。 选择柔和、自然的色调（如水彩般的浅蓝、淡粉、草绿），搭配一到两个高对比度的强调色，用于按钮或关键信息。避免过于鲜艳或生硬的颜色，保持手绘的温暖质感。 基于网格系统组织内容，但允许手绘元素打破规则，增加趣味性。充分利用留白，让页面既有呼吸感，又能突出手绘设计的细节。 整体设计应轻松自然，带有艺术感和高级感，让用户感受到创意的温度。 通过手绘风格的图表或插图展示关键概念，例如用手绘线条连接的内容关系图、手绘时间线或主题聚类图，确保既美观又有信息价值。 技术要求 在实现这个网页时，请遵循以下技术要求，确保功能与设计的完美结合： 使用 HTML5 构建页面结构，搭配 Tailwind CSS 快速实现样式，并通过必要的 JavaScript 添加交互功能。 引入 Font Awesome 图标库，为手绘风格添加精致的点缀，例如小型手绘风图标。 使用适合中文的字体组合，例如 Noto Serif SC 和 Noto Sans SC等，确保排版美观且易读。 实现深色和浅色模式切换功能，默认跟随系统设置，同时提供手动切换按钮，让用户根据喜好调整体验。 确保代码结构清晰，使用语义化标签并添加适当注释，便于理解和维护。 设计响应式布局，保证网页在手机、平板和桌面设备上都能完美展示，手绘元素在不同屏幕尺寸下保持比例和美感。 同时为按钮、图标或手绘元素添加微妙的动画效果，例如悬停时的轻微放大、描边变化或颜色过渡，提升用户互动的乐趣。 输出要求 请提交一个完整、可运行的单一 HTML 文件，包含所有必要的 CSS 和 JavaScript 代码。确保文件符合 W3C 标准，无错误或警告，并且能够在现代浏览器中正确显示手绘风格的网页效果。 结语 这是一个展现您设计才华和前端技能的绝佳机会！请充分发挥您的创造力，将手绘风格与现代网页设计相结合，打造一个既实用又令人惊艳的中文可视化网页。期待看到您独特的艺术视角和专业水准，让用户在浏览时感受到设计的温度与美感！
| 学习中📕| 说的不对的地方请喷我 （ 欢迎指正 ）| 创造并分享 | CS+CE+EE | Github https://t.co/2rHLusfsKI | 自用杂谈 https://t.co/wiX1GEiPsl
1/10: 副业教辅资料【第四弹】 包含学前、1-9年级、考研考公等资料，都是干货，点击链接转存 还不会开店运营的，评论区看《暴利虚拟产品运营课》 英语启蒙绘本《Arthur 亚瑟小子系列》 https://t.co/ddJsVd6qx8 英语早教启蒙儿歌动画《小宝贝布姆 Little Baby Bum (全五季) 》
2/10: 金牌五步法吃透英语听力 https://t.co/50jfCprLkl 刘彬《单词兵法·两万词汇巅峰速记》 https://t.co/xdHBdQNGnp 经典英文桥梁漫画书《神探狗狗 Dog Man (PDF+MP3) 》 https://t.co/4534qelJSI BBC少儿真人科普剧《Maddie's Do You Know 你知道吗？》
Great Awakening, New Right, alt-right, Traditionalism. Westerners have seen these topics promoted but clueless about their frightening origins. A detailed 🧵about the Russian version of Nazism for 21st century: Neo Eurasianism, Russias National Idea 1/
Pushed in the American media by Mike Flynn, Steve Bannon, Jack Posobiec, Alex Jones, Tucker Carlson, Sean & Oliver Stone etc, GRU psyops has subliminally inserted Neo Eurasianism into American society with no one explaining or understanding what they were promoting 2/
Claude 3.7的coding能力确实相对于Claude 3.5和别的模型有巨大的提升，解锁了一些新的可能性。 比如你现在可以通过两步，且是极其简单的提示词就让Cursor完成一个app可交互的初版的开发了： 第一步先让Cursor生成全部的app界面原型图 第二步让Cursor基于原型图，在agent模式下完成所有界面开发。 这个两步生成app的策略其实都离不开Claude 3.7的能力，核心用到了两点： 1、Claude 3.7生成原型的能力惊人 2、Cursor agent模式+Claude 3.7基于原型图多步骤完成任务能力惊人 下面是具体的操作步骤和提示词👇
1/ 步骤一：新开项目文件生成HTML原型图 可以参考我的提示词，修改其中的要求。 我想开发一个ai自动记账app，现在需要输出原型图，请通过以下方式帮我完成app所有原型图片的设计。1、思考用户需要ai记账app实现哪些功能2、作为产品经理规划这些界面3、作为设计师思考这些原型界面的设计4、使用html在一个界面上生成所有的原型界面，可以使用FontAwesome等开源图标库，让原型显得更精美和接近真实我希望这些界面是需要能直接拿去进行开发的 这里有三个关键点： 1、选择Claude 3.7 Sonnet模型，不建议thinking 2、选择composer normal模式，或者说0.46版本中editor模式，不要选择agent，不要选择agent！ 3、由于一次性生成的html代码文件会太长，中间可能会截断或创建失败，你可以点击生成失败的代码文件，cursor会提醒你是否创建文件，然后把已经生成的一部分代码复制到新创建的文件中；接着，@对应代码文件，要求cursor继续补全文件。
我问 gpt-4.5：讲一个你认识到的——但是大多数人没有认识到的——深刻真相。 限定范围为我关注的主题：阅读、学习、信息、社会、家庭、技术、工具、英语、育儿、写作、方法论、系统； 然后一直追问：“更深刻的！”，连续问 7 次，从第 1 层深刻一直问到第 7 层深刻🤣 第1层：大部分人看似在“学习”，实际上只是在“消费信息”。
第 2 层：学习和成长最关键的能力，不是获取信息，而是屏蔽信息。
看我作为一个 AI 博主是如何用飞书 + 【可联网的】DeepSeek R1 搭建简单自动化工作流提升工作效率的 作为一个 AI 博主，日常一大部分工作是阅读和分享各种海外的AI资讯，这就少不了要翻译各种英文文章。之前我很多操作是手动的，比如复制粘贴文章到 Markdown 编辑器，然后从编辑器复制到 DeepSeek R1 或者 ChatGPT 去翻译，再改写后发布。 之前看 orange ai 分享的飞书多维表格接入 DeepSeek R1 的教程，【加上这周飞书的AI直播】，按照我自己的场景定制了几个工作流，最开始只是简单的文本翻译，后来发现也能用支持从图片提取文字，那意味着我可以直接先把图片转成文字，再基于翻译好的文本用 DeepSeek R1 翻译。简单设置后就成功了。 再后来我甚至更进一步，直接从 URL 抓取内容，然后借助 DeepSeek R1 翻译，最后甚至还可以把翻译后的文章用各种不同的文章风格改写，使用的时候只要输入 URL 就可以自动生成一篇高质量的文章，是真的很方便。 具体来说，就是飞书在添加字段的时候，可以选 ShortCuts（中文可能对应的是“快捷方式”），然后从快捷方式中选择各种不同的工具，比如说 AI 抓取、DeepSeek R1、图片 OCR、图片生成、抠图等等，并且你可以设置某个字段的内容为输入，以及自定义提示词。 就像我前面自动从 URL 生成文章的流程，主要有这样几个字段： - URL：输入 URL - 原始网页内容（AI Web Link Reader）：从输入的 URL 中提取标题、内容为 Markdown 文本 - 翻译为中文（DeepSeek R1）：将抓取后的 Markdown 文本翻译为中文 - 翻译为中文 - 输出结果：DeepSeek R1 的输出结果 - 风格改写（DeepSeek R1）：将翻译后的内容用指定的风格改写，阅读起来更自然 - 风格改写 - 输出结果：DeepSeek R1 的输出结果 除了上面的 URL 生成文章外，里面还包含了几个不同的常用工作流： - 将输入的文本内容翻译为中文 - 将输入的图片内容翻译为中文 - 生成多条爆款标题供选择 工作流的飞书模板链接🔗我放在了评论，建议你也可以试试，应该可以发掘出不少有意思的场景。⬇️
下面就是我这套工作流的链接：
