即刻App年轻人的同好社区
下载
App内打开
chinnnn
21关注0被关注0夸夸
大器免成
chinnnn
1天前
chinnnn
5天前
chinnnn
5天前
赞👍

阿西_出海: 🚀一种针对Cursor的新技术，叫“知识库”技术。 通过这种方法，可以将AI的幻觉和假设错误降低了85%。 具体操作步骤如下⬇️ 在使用AI辅助编程时，一个黄金法则需要记住： 别指望AI帮你规划代码库，那是你的工作！ 你的任务是动脑子、做规划，而AI的任务是把代码写出来。 想让AI老老实实只写代码？ 那就得给它准备一个详细的项目知识库，告诉它该干啥。 1⃣️ 项目需求文档 先从这个入手，它能定下整个项目的基调。 需要包含以下内容： > 应用整体概览 >用户使用流程 >技术栈和API > 核心功能 > 项目范围和非范围事项 这样可以让AI对你要开发的东西有个清晰的大框架认识。 2⃣️ 流程文档 你的流程写得越清楚，AI的表现就越好。 具体拆解如下： • 描述应用里的每一个页面 • 用户如何从一个页面跳转到另一个页面 • 用简单直白的语言 • 细节要写得非常具体 千万别含糊，AI很容易被模糊的描述搞懵。 3⃣️ 技术栈文档 得明确告诉AI用什么来开发，列出以下内容： • 所有需要的软件包和依赖 • API文档的链接 • 优先使用的库或工具（比如Supabase、Stripe、NextAuth） 这样可以避免AI胡乱“脑补”一些不相关的技术选择。 4⃣️设计指南 把你的设计要求告诉AI，需要包含： • 字体 • 配色方案 • 间距和布局规则 • 优先使用的UI库或框架 • 图标集 如果你想要设计风格统一，就得让AI学会你的视觉语言。 5⃣️ 后端结构文档 如果你用的是Supabase或Firebase，这个文档尤为重要。要告诉AI： • 数据库结构（DB schema） • 认证逻辑（Auth logic） • 存储规则 • 任何可能的边界情况（edge cases） AI是能写SQL的，但前提是它得知道你想存什么。 6⃣️ 实施计划 把这个计划交给Cursor或Windsurf，它们就只会老老实实执行，不会瞎猜。 你可以用ChatGPT来生成所有这些文档。 这是我实施计划的一个示例⬇️ 总结要点： • AI的任务是执行代码，而不是动脑子 • 你的文档得给AI划好上下文边界 • 这样才能从一团乱麻变成干净利落的开发 • 用CodeGuidedev或GPT这样的工具，快速准备好文档 • 然后交给Cursor或Windsurf去写代码 AI可能会把你的代码库搞砸，但如果你提供了详细的上下文，它的表现会让你惊叹。

00
chinnnn
10天前
chinnnn
10天前
实用的很

歸藏: 最近很多人问我，为啥我用 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
chinnnn
24天前
chinnnn
2月前
chinnnn
2月前
牛

歸藏: 昨天看到飞书多维表格接入 Deepseek R1 后试了一下 妈的，这就是现在最强大的效率工具 由于表格是我们打工人接触的最多的交互，飞书多维表格还成了门槛最低的 Agents 工具 昨天整整玩了一天，搞了三个模版，从初级到高级，从文本到图片和视频，一篇文章直接教会你 👇下面是例子的介绍和教程： 多平台文案改写功能：输入文案之后自动改写为小红书、微博和英文推特风格的文案，改写完成会给你发飞书通知。 论文解读和输出功能：只需要上传论文的 PDF 文件自动总结分析给出论文优势和不足，还有论文关键问题回复，最后综合整理成小红书文案帮助你发布。 三个关键词生成 AI 故事视频：只需要你输入三个关键词，Deepseek R1 会自动生成相关的故事和分镜描述，然后拆解为关键人物设定图的提示词，场景提示词，分镜图片提示词，最后还有生成视频用的提示词，他甚至还会给自己的点子打分。 教程和模板地址在这里，量大管饱，保证学会，三连领取：https://mp.weixin.qq.com/s/tmmtyT42RgIlwbDuD541CQ

00
chinnnn
2月前
chinnnn
2月前