Week 14, 2025 X Tweet Digest

常见的UI库/风格+提示词

常见的React UI组件库有Material-UI、Ant Design。如果前端基础比较薄弱，最简单的方案是给AI指定一些通用的UI风格，比如：苹果的Apple Design，谷歌的Material Design，适合企业应用的Ant Design，以及磨砂玻璃风的Glassmorphism，扁平风的Flat Remix

网友分享的提示词技巧，可以参考一下：使用 html + tailwindcss 设计 UI/UX 参考图，要高级有质感（运用玻璃拟态等视觉效果），遵守设计规范，注重 UI 细节。请引入 tailwindcss CDN 来完成，而不是编写 style 样式新颖。图片使用 unslash

优秀设计参考图+提示词

开发之前建议先关键词搜一搜，看看那些评分和排名比较高的应用，UI上有没有值得借鉴的地方。如果你想模仿优秀的页面，最佳方案是截图，是把参考图丢给Cursor，并具体描述你想参考的方向。

v0生成前端UI，Cursor后期微调

作为十年互联网老兵，推荐一下v0，搜一下https://t.co/MHixcQo3Hs，一个前端能力很强的AI编程工具。v0对前端的审美很在线，复刻页面的能力真可以。

Figma设计稿转为Code，Cursor再处理

前端同学大部分都接触过Figma，如果有会员的话推荐尝试下Figma to code插件，可以将 将设计稿的页面模块转成对应的代码。拿到设计稿转成的代码后，复制代码。告诉Cursor在哪个页面添加这块代码。

最后的思考

UI每个人的审美不一样，千人千面。基本上很难用一套UI搞定所有场景。我上周从0到1开发并上线了小程序，我的建议还是要看具体场景。我一般的做法是使用DeepSeek 写产品文档的时候，让它给出几种UI方案供我参考。

白话版：MCP 就像一个“万能插座”，让 AI 大模型可以安全、方便地连接各种各样的“电器”（也就是我们说的工具，比如查天气，查地图的 API 、控制灯泡的程序等等）。有了 MCP ，你的 AI 就能真正地“动起来”，而不仅仅是“说起来”！

注册高德应用

我们需要去高德（https://t.co/Lt0kuWYCBm）申请一个个人的 API，需要按要求完成个人开发者的认证。

在控制台的「我的应用」这里创建应用就行，创建完成之后选择需要创建 Key 的应用，点击【添加 Key】，表单中的服务平台选择【Web 服务】，之后复制你的 Key 备用。 https://t.co/WNmIoour7x

获取高德地图MCP

随着 MCP 的爆火已经有了很多 MCP 聚合网站，比如https://t.co/3bSoDLIGTf 和 https://t.co/3q1PHGmvvo。我在Cursor中导入的是https://t.co/3bSoDLIGTf 的Json，从使用上来说大同小异。 https://t.co/UtwhQVa1Uq

Cursor导入MCP Json

复制粘贴上一步获取的高德MCP Json到Cursor中，位置是Settings➡️MCP，注意不要有语法错误‼️加载成功后会有具体的MCP工具方法比如 maps_text_search 等。 https://t.co/AK30hcQeXX

与Cursor对话制作旅行攻略

首轮提示词：你是旅行定制游服务专家，请帮我规划一个轻松愉快的五一成都亲子游5天4晚的行程。 ◦两大一小 ◦5月1号从武汉出发 ◦行程中必须包含九寨沟 ◦一场有蜀文化特色，自然奇观，美食享受的旅程 https://t.co/DJiNUPJVjh

次轮提示词：请基于上述行程攻略，同时结合地图信息，生成一个可视化网页，网页制作要求请严格按照website_builder.md中的描述进行开发（这里我会在当时目录下放置一个完美。网页制作提示词，来自藏老师） https://t.co/94BVnYw4bG

现在只需把需求扔给Cursor，等待生成结果即可。 特别是当我开发完一个项目后有深有体会，开始逐渐懒得分析生成的代码逻辑。慢慢沦为“测试工程师”一样只验证结果是否能跑通。 现在解决问题全靠抽卡，逐渐失去了解决问题的满足感。

原本连贯的编程过程被切割成“发指令-等结果-测试”的碎片化循环，类似多线程工作，反而降低了深度思考的能力。

有网友自嘲：“现在开发像在指挥AI打工，自己反而成了监工”，这种被动状态让编程变得枯燥，甚至引发拖延症。

作为用Cursor从0到1开发并上线过小程序的“过来人”，今天想聊聊真实体验——它确实能加速开发，但坑也不少！结合评论区建议和我踩过的雷，总结这份避坑指南👇 https://t.co/FWzBRd7NzL

3. 管理AI的“过度设计”

• 推荐使用Cursor 的.cursorrules ，它提供了一个定制化的 Prompt，可以提升上下文的感知能力算是一个武功秘籍。安利https://t.co/EkPilzVLWX这个网页，整理了各种规则

• 遇到乱改代码时，冷静一下，强烈建议用Reject+清空上下文重来

💡 提升效率的隐藏技巧

✅ Prompt心法

• 先写好需求文档再转提示词，比如：“@home.html底部导航栏生成4个.vue页面，对应首页/分类/题库/我的”

• 用control+i调Composer时，限定AI角色：“你是有3年经验的小程序UI工程师”