即刻App年轻人的同好社区
下载
App内打开
取名需要创意
984关注141被关注0夸夸
Slow is Fast.
取名需要创意
1天前

歸藏: 昨天发了可以将任何文档变成精美网页杂志的提示词 我本来就是随手发一下,没想到远远低估了这套提示词的价值。 看到大家的玩法才发现这玩意太有用了。 👇下面是升级版提示词和如何插入图片和视频: 这次主要的升级点就是如何插入视频和图片。 因为是在线引用所以我们需要获得在线视频和图片的链接才行,关于图片链接,如果你是在网页上的图片只需要右键在新标签页中打开图片就可以获得图片的在线链接了。 如果你是自己下载的图片,我们可以使用图床托管,我用的 sm. ms 只需要登录之后上传图片就行,他会给你图片的在线链接。 我们现在已经获得图片链接了,然后怎么办呢。 我推荐将是所有的文字和图片链接都放在一个 Markdown 文件中,你甚至可以用图片插入的 Markdown 语法给图片进标记:![]() 方括号写图片的标记比如这张图片是东京,就可以写东京,这样模型就会把它插入描写东京的位置,圆括号里面放你刚才获得的图片链接就行。 当然如果你不会 Markdown 语法用 Doc 也是一样的,直接用文字写上东京:链接就行。 然后是视频如何嵌入。 其实各大视频网站在分享的时候你都会看到一个按钮是嵌入,点这个按钮你就会获得一串代码,只需要把这串代码粘贴到你刚才要准备的文档里面就可以了。 所以这时候我们就会获得一个包含视频、图片链接和文案内容的资料文档。 最后一步就是提示词出场的时候了,复制下面提示词粘贴到 Claude 、POE、Monica 等可以使用 Claude 3.7 的软件中,然后把文档也拖进去,点击回车,结束了,你获得了一个精美的展示类网页、简历、攻略...... 记得把下面提示词中我的名字和推特链接换成你的: 我会给你一个文件,分析内容,并将其转化为美观漂亮的中文可视化网页: ## 内容要求 - 所有页面内容必须为简体中文 - 保持原文件的核心信息,但以更易读、可视化的方式呈现 - 在页面底部添加作者信息区域,包含: - 作者姓名: [歸藏] - 社交媒体链接: 至少包含Twitter/X:https://x.com/op7418 - 版权信息和年份 ## 设计风格 - 整体风格参考Linear App的简约现代设计 - 使用清晰的视觉层次结构,突出重要内容 - 配色方案应专业、和谐,适合长时间阅读 ## 技术规范 - 使用HTML5、TailwindCSS 3.0+(通过CDN引入)和必要的JavaScript - 实现完整的深色/浅色模式切换功能,默认跟随系统设置 - 代码结构清晰,包含适当注释,便于理解和维护 ## 响应式设计 - 页面必须在所有设备上(手机、平板、桌面)完美展示 - 针对不同屏幕尺寸优化布局和字体大小 - 确保移动端有良好的触控体验 ## 媒体资源 - 使用文档中的Markdown图片链接(如果有的话) - 使用文档中的视频嵌入代码(如果有的话) ## 图标与视觉元素 - 使用专业图标库如Font Awesome或Material Icons(通过CDN引入) - 根据内容主题选择合适的插图或图表展示数据 - 避免使用emoji作为主要图标 ## 交互体验 - 添加适当的微交互效果提升用户体验: - 按钮悬停时有轻微放大和颜色变化 - 卡片元素悬停时有精致的阴影和边框效果 - 页面滚动时有平滑过渡效果 - 内容区块加载时有优雅的淡入动画 ## 性能优化 - 确保页面加载速度快,避免不必要的大型资源 - 图片使用现代格式(WebP)并进行适当压缩 - 实现懒加载技术用于长页面内容 ## 输出要求 - 提供完整可运行的单一HTML文件,包含所有必要的CSS和JavaScript - 确保代码符合W3C标准,无错误警告 - 页面在不同浏览器中保持一致的外观和功能 请根据上传文件的内容类型(文档、数据、图片等),创建最适合展示该内容的可视化网页。 最后是分享:如果你用的 Claude 和 POE 都可以直接点击分享按钮获得分享的网页链接直接给别人看。 如果你用的其他不支持分享代码渲染结果的客户端的话可以用我推荐的 YOURWARE (www.yourware. so)复制代码然后点击按钮就能获得一个可以分享的链接。

00
取名需要创意
7天前

歸藏: 最近很多人问我,为啥我用 Claude 写的应用就没那么漂亮? 所以教大家一些非常简单的技巧,用上了以后你也能搞定这么漂亮的界面 👇下面是具体的技巧和完整提示词 完整内容这里:https://mp.weixin.qq.com/s/tUOAfd4OI56QxD94-0PPKw 1️⃣第一个技巧: 不用非得用语言来描述你想要的界面样式,可以去一些设计平台找一些你喜欢的设计稿将图片上传到图片让模型参考。 如果你不知道去哪找的话,国内推荐站酷、海外的话推荐 Dribbble 和 Layers。 在跟 Claude 说的时候就可以忽略那些不好描述的地方,重点描述静态图片无法表现的部分,比如下面的这个卡片组件。 我就让 Claude 注意交互的动画和输入框聚焦之后的渐变动画上,界面内容和风格就让他按图片生成。 2️⃣第二个技巧: 在让 Claude 生成界面的时候,你会发现 Claude 生成的页面没有图片,本来应该是图片的部分经常是空白的,这个就很影响结果的视觉表现。 其实我们可以要求他引用一些在线的图片来填充到页面需要图片的部分。 这里首先推荐 unsplash,他是一个开源图片网站,里面有世界各地的设计大神上传的图片,而且可以直接引用。 可以看下面加上图片之后的卡片是不是就好看很多了。 3️⃣第三个技巧: 另外 claude 在生成页面的时候本来应该是图标的地方,他喜欢用 emoji 来代替,emoji 也很好,但是在一些严肃的页面上就会显得格格不入。 这里可以要求 Claude 在生成页面的时候引用在线的图标库,比如Font Awesome或Material Icons,这些开源图标库可以通过 CDN 直接引用,而且不需要部署。 可以看到引用了 Font Awesome 图标库的图标之后我们的界面变得更加简洁和整齐。 4️⃣第四个技巧: 我们常用的前端样式代码是用 CSS 写的,但是 CSS 本身的一些样式其实没有太考虑美观度的要求。 这就导致你让 Claude 写样式的时候他就会过渡自己发挥,美观度也就没办法得到保障,而且你对样式要求多之后他要从头写的 CSS 也就越多浪费很多 Token。 这里我们可以要求 Claude 用 CDN 引用 TailwindCSS 来写组件样式,Tailwind CSS 封装了一套非常美观和简洁的样式,可以让 Claude 直接调用,确保在色彩、响应式和基础组件的美观度不出大问题。 🌟提示词: 方括号[]的部分就是你需要填写的部分。 我需要创建一个[具体描述你的页面/组件类型],请帮我生成美观且响应式的HTML+CSS代码。 ## 设计参考 我希望设计风格类似于以下参考: [上传参考图片或描述设计灵感来源] ## 技术要求 - 请使用HTML、TailwindCSS和少量必要的JavaScript - 引用Tailwind CSS(v3.0+)通过CDN - 页面需完全响应式,在移动设备和桌面端都能良好显示 ## 图片资源 - 请使用Unsplash API提供的图片作为内容图片 - 根据内容主题选择合适的关键词 ## 图标要求 - 使用Font Awesome或Material Icons等专业图标库 (通过CDN引用) - 避免使用emoji作为图标替代品 ## 交互细节 [描述任何需要的交互动画或效果,例如:] - 按钮悬停时有轻微放大效果 - 表单输入框聚焦时显示渐变边框 - 卡片在悬停时有阴影加深效果 ## 特别注意 - 确保代码干净且有适当注释 - 提供完整可运行的HTML文件,包含所有必要引用 - 优化视觉层次和间距,确保设计美观专业 5️⃣如何生成设计稿: 昨天群里一个朋友提了一嘴能不能转设计稿想了一下,居然还真可以,而且可以帮你生成带自动布局的 Figma 设计稿和对应可复用的组件。具体的方法也很简单 只需要将你生成的代码部署到线上,如果你用 Claude 或者 POE 都有这个功能,如果你用的软件没有发布能力的话可以用这个 http://yourware.so 产品。 获得了线上的链接之后,我们只需要使用 http://html.to.design 这个 Figma 插件就可以很好的将网页转换为

00
取名需要创意
11天前

大象点映: 21年大象🐘宣发过一部小众科幻艺术片《指引》,那是大同第一次成为“电影制片人”,我们团队因此有机会和他完成了一次“隔空共事”。 因为身体原因,整个电影宣传周期大同始终无法出席任何一场活动,包括电影的首映礼。为了不让观众和歌迷担心自己,他无法出现在镜头前,但还是很努力地给我们录了这段音频 ID。 经纪团队也叮嘱我们,不要对外透露他的身体状况。刚拿到手里的音频有些听得出艰难的呼吸声,我们剪辑处理好,把这段音频放在电影片尾。 为了配合电影的宣发工作,大同拿出了一套自出道以来发行过的CD(每一张都亲笔签了名),还有一套他创作的签名绘本《艾美梦游》,打包成了一份沉甸甸的礼物以抽奖形式送给幸运观众。我们还记得最后抽中这份礼物的是一位新疆观众,为了支持大同的制片人首作,这份心意从新疆千里迢迢来到上海。 除了这份“大礼”,大同还签了100多张签名海报,希望能回馈更多观众和歌迷。 最后,电影的票房未达预期,但大同和他的团队还是向我们表示了感谢……得知负责和经纪团队对接的同事家中有刚出生的小宝宝,大同还特意送上一套《艾美梦游》的绘本,并附上了“Happy Reading”的To签。 时间过得好快,那个小朋友现在已经上幼儿园了。这套书成了他人生的第一套绘本,写着素未谋面但好心的大同叔叔给他的祝福。 今天我们重听这段宣传音频,大同在结尾说:“好,是时候暗灯了,谢谢各位。” 电影落幕,上一次看,才二十三。

00
取名需要创意
18天前

量子熊侦探: 如何寻找自己需要的AI工具: 1。 豆包:查资料、聊天、写文章、翻译等,功能特别全。 2。 Kimi:处理长文章,能看懂也能写! 3。 海豚配音:有300+种适合自媒体的声音。 4。 FishAudio:快速复制声音,操作简单。 5。 iSlide:一句话就能做出PPT。 6。 可灵:能把文字和图片变成视频。 7。 即梦:只要简单描述,就能生成图片。 8。 有言:3D数字人,能代替真人出镜。 9。 迅捷OCR文字识别:精准提取图片和文档里的文字,识别又快又准。 10。 剪映专业版:功能强大,素材特效丰富,剪视频轻松搞定。 11。 美图秀秀AI绘画:输入创意点子,一键生成精美画作。 12。 知学云AI知识服务平台:提供智能知识管理、问答等功能,帮助高效利用信息。 13。 达观数据智能写作平台:擅长写新闻、商业文案,写作速度快。 14。 易企秀:能快速做H5页面,模板种类多,适合活动宣传、产品推广。 15。 来画动画:不用专业技能,就能轻松做出各种风格的动画视频,表达创意更简单。 16。 MindShow:输入文字大纲,自动整理成思维导图,还能一键转换成演示文稿。 17。 文心一格:百度出的AI绘画工具,能生成很有艺术感的图片。 18。 图怪兽:在线设计神器,有超多海报、logo模板,简单改改就能出图。 19。 秒出PPT:输入主题和要点,几分钟就能搞定排版漂亮、逻辑清晰的PPT,大幅提升效率。 20。 智影:集视频剪辑、抠图、配音等功能于一体,界面清爽,新手也能快速上手。 21。 闪剪:专注短视频制作,智能剪辑,能快速把素材拼成吸引人的短视频。 22。 熊猫办公:办公资源丰富,不止PPT模板,还有Word、Excel模板和各种设计素材。 23。 稿定设计:涵盖平面设计、电商设计等,提供超多可编辑模板,满足各种设计需求。 24、Deepseek:文章、推理、写代码

00