AI高阶提示词（配合Claude、Cursor食用）

AI高阶提示词（配合Claude、Cursor食用） 🔥 AI高阶提示词（配合Claude、Cursor食用） Modified March 26, 2025 Code block Markdown 布局结构 ： 朋友圈封面只需四个大字铺满整个区域（上面两个下面两个） 文字必须成为主封面图的视觉主体，占据页面至少70%的空间 两个封面共享相同的背景色和点缀装饰元素 最外层卡片需要是直角 技术实现 ： 使用纯HTML和CSS编写 如果用户给了背景图片的链接需要结合背景图片排版 严格实现响应式设计，确保在任何浏览器宽度下都保持16:10的整体比例 在线 CDN 引用 Tailwind CSS 来优化比例和样式控制 内部元素应相对于容器进行缩放，确保整体设计和文字排版比例一致 使用Google Fonts或其他CDN加载适合的现代字体 可引用在线图标资源（如Font Awesome） 代码应可在现代浏览器中直接运行 提供完整HTML文档与所有必要的样式 最下方增加图片下载按钮，点击后下载整张图片 用户输入内容 公众号标题为：[一套提示词帮你实现小红书、公众号封面自由，Deepseek V3也能用！] emoji图片：https://s2.loli.net/2025/03/24/pBmlncEYkodSVA6.png Prompt 5：小红书封面生成 Code block Markdown 小红书封面生成提示词 你是一位优秀的网页和营销视觉设计师，具有丰富的UI/UX设计经验，曾为众多知名品牌打造过引人注目的营销视觉，擅长将现代设计趋势与实用营销策略完美融合。现在需要为我创建一张专业级小红书封面。请使用HTML、CSS和JavaScript代码实现以下要求： 基本要求 尺寸与基础结构 比例严格为3:4（宽:高） 设计一个边框为0的div作为画布，确保生成图片无边界 最外面的卡片需要为直角 将我提供的文案提炼为30 40字以内的中文精华内容 文字必须成为视觉主体，占据页面至少70%的空间 运用3 4种不同字号创造层次感，关键词使用最大字号 主标题字号需要比副标题和介绍大三倍以上 主标题提取2 3个关键词，使用特殊处理（如描边、高亮、不同颜色） 技术实现 使用现代CSS技术（如flex/grid布局、变量、渐变） 确保代码简洁高效，无冗余元素 添加一个不影响设计的保存按钮 使用html2canvas实现一键保存为图片功能 保存的图片应只包含封面设计，不含界面元素 使用Google Fonts或其他CDN加载适合的现代字体 可引用在线图标资源（如Font Awesome） 专业排版技巧 运用设计师常用的"反白空间"技巧创造焦点 文字与装饰元素间保持和谐的比例关系 确保视觉流向清晰，引导读者目光移动 使用微妙的阴影或光效增加层次感 用户输入内容 封面文案：[Andrej Karpathy 分享了他是如何只用一个文件做笔记的 非项目的日常笔记他只用一个苹果备忘录文件，这样非常方便在单个文件搜索内容 有任何想法或待办事项出现时，都会简单地以纯文本形式将它添加到笔记的顶部 只使用使用"watch:"（观看）、"listen:"（聆听）或"read:"（阅读）等标签 回顾的时候会不时向下滚动浏览笔记。如果发现任何值得持续关注的内容，会通过简单复制粘贴将其"救回"顶部。 值得记录的问题或者内容确实没有多少，这样很简单，项目类型的记录和文档他还是使用 Obsidian] 账号名称：[AIGC创意猎人)] 可选标语：[正儿八经学AI] Prompt 6：小红书封面生成 2 Code block Markdown 柔和科技卡片风 设计风格 圆角卡片布局 ：使用大圆角白色或彩色卡片作为信息容器，创造友好亲和感 轻柔色彩系统 ：主要采用淡紫、浅黄、粉色、米色等柔和色调，避免强烈视觉刺激 极简留白设计 ：大量留白空间增强可读性，减少视觉疲劳 阴影微立体 ：subtle阴影效果赋予界面轻微的立体感，不过分强调 功能美学主义 ：设计服务于功能，没有多余装饰元素 网格化布局 ：基于明确的网格系统排列卡片，保持整体秩序感 渐变色点缀 ：部分界面使用柔和渐变作为背景，如米色到蓝色的过渡，增加现代感 文字排版风格 数据突显处理 ：关键数字信息使用超大字号和加粗处理，如"12,002"、"20x" 层级分明排版 ：标题、说明文字、数据、注释等使用明确的字号层级区分 简约无衬线字体 ：全部采用现代简洁的无衬线字体，提升可读性 文字对齐规整 ：在卡片内保持统一的左对齐或居中对齐方式 重点色彩标识 ：使用蓝色等高对比度颜色标记重要术语，如"tweets"和"threads" 空间呼吸感 ：文字块之间保持充足间距，创造"呼吸"空间 品牌名称特殊处理 ：产品名称如"alohi"、"deel."采用特殊字体或风格，强化品牌识别 视觉元素风格 微妙图标系统 ：使用简约线性或填充图标，大小适中不喧宾夺主 进度可视化 ：使用环形或条状图表直观展示进度，如年度完成百分比 色彩编码信息 ：不同卡片使用不同色彩，便于快速区分功能模块 品牌标识整合 ：将产品logo自然融入界面，如"alohi"的圆形标识 人物头像元素 ：适当使用圆形头像增加人性化特质，如客户推荐卡片 几何形状装饰 ：使用简单几何形状作为背景装饰，如半透明圆形 组件一致性 ：按钮、标签、选项卡等元素保持统一风格，提升系统感 Prompt 7：网页可视化 Code block Markdown 我会给你一个文件，分析内容，并将其转化为美观漂亮的中文可视化网页： 内容要求 所有页面内容必须为简体中文 保持原文件的核心信息，但以更易读、可视化的方式呈现 在页面底部添加作者信息区域，包含： 作者姓名: [] 社交媒体链接: 至少包含Twitter/X： 版权信息和年份 设计风格 整体风格参考Linear App的简约现代设计 使用清晰的视觉层次结构，突出重要内容 配色方案应专业、和谐，适合长时间阅读 技术规范 使用HTML5、TailwindCSS 3.0+（通过CDN引入）和必要的JavaScript 使用CDN引入Preline UI组件库，按需使用其组件增强界面效果 根据提供的JSON文件内容（颜色、字体等）配置TailwindCSS的样式Token，确保设计一致性 实现完整的深色/浅色模式切换功能，默认跟随系统设置 代码结构清晰，包含适当注释，便于理解和维护 响应式设计 页面必须在所有设备上（手机、平板、桌面）完美展示 针对不同屏幕尺寸优化布局和字体大小 确保移动端有良好的触控体验 媒体资源 使用文档中的Markdown图片链接（如果有的话） 使用文档中的视频嵌入代码（如果有的话） 图标与视觉元素 使用专业图标库如Font Awesome或Material Icons（通过CDN引入） 根据内容主题选择合适的插图或图表展示数据 避免使用emoji作为主要图标 交互体验 添加适当的微交互效果提升用户体验： 按钮悬停时有轻微放大和颜色变化 卡片元素悬停时有精致的阴影和边框效果 页面滚动时有平滑过渡效果 内容区块加载时有优雅的淡入动画 性能优化 确保页面加载速度快，避免不必要的大型资源 图片使用现代格式(WebP)并进行适当压缩 实现懒加载技术用于长页面内容 输出要求 提供完整可运行的单一HTML文件，包含所有必要的CSS和JavaScript 确保代码符合W3C标准，无错误警告 页面在不同浏览器中保持一致的外观和功能 请根据上传文件的内容类型（文档、数据、图片等），创建最适合展示该内容的可视化网页。在配置TailwindCSS时，请使用提供的JSON文件中的颜色、字体等配置项来自定义样式Token。 You don't have permission to access this synced block. Please log in and try again. Log In 知识库动态 You are not logged in. Please log in to experience this feature. Prompt 5：小红书封面生成 Prompt 6：小红书封面生成 2 Prompt 7：网页可视化 You don't have permission to access this synced block. Please log in and try again. Log In 知识库动态 You are not logged in. Please log in to experience this feature. 🚅 来源：互联网，仅供学习参考。 来源：互联网，仅供学习参考。 Prompt 1：改写提示词 Prompt 2：生成精美图片 Prompt 3：开发Chrome插件 Prompt 4：公众号封面生成