当甲方说“logo放大的同时再缩小一点”时我用 AI 把这个需求做出来了

前言

各位掘友，做开发的谁没被奇葩需求折磨过？

上周五下午 点 分。产品经理笑眯眯地走过来：“这个需求很简单，就是让按钮跟着使用者手机壳颜色变色，下周一上线就行。”

我：？，？不过，

你猜怎么着？我还真给做出来了，

今天就来聊聊那些年我遇到的奇葩需求，还有我怎么用现代 AI 工具把这些“不可能”变成了“已上线”。不过，

一、那些让人窒息的奇葩需求

1. “logo 放大的同时再缩小一点”

这是我的职业生涯第一个奇葩需求。甲方爸爸在

简单讲的观点是，logo 要撑满整个 header 区域，但不能超出 container，同时在移动端要自适应。但不能用 max-width也不能用 object-fit。

💡 开发者痛点：必须在限制条件下实现视觉与物理尺寸相悖的效果！这简直是 CSS 的“逆向思考”挑战。

.logo {
--base-size: clamp;width: var，height: var;transform: scale;/* 缩小一点 */
transform-origin: center;}
@media {
.logo {
--base-size: clamp;transform: scale;/* 更细微 */
}
}

2. “没网的时候也得正常推送消息”

This requirement came from an internal system.

The boss said。“Our app must receive messages even when offline.” I tried explaining that push needs a network connection.

// service-worker.js
self.addEventListener('sync',event => {
if {
event.waitUntil);}
})，说起来，async function syncMessages {
const cache = await caches.open;const pending = await cache.match;if {
const messages = await pending.json;// 同步到服务器
await fetch });await cache.delete;}
}

3. “按钮跟着使用者手机壳颜色变色”

This one is opening demand.

async function detectPhoneCaseColor {
const video = document.createElement;const stream = await navigator.mediaDevices.getUserMedia;video.srcObject = stream;await video.play;// 等待摄像头稳定
await new Promise);const canvas = document.createElement;canvas.width = video.videoWidth;canvas.height= video.videoHeight;const ctx = canvas.getContext;
ctx.drawImage;// 获取中心区域像素
const centerX=canvas.width/2;const centerY=canvas.height/2;const pixel=ctx.getImageData.data;stream.getTracks.forEach);怎么说呢，return `rgb`;其实，}
async function applyPhoneCaseTheme {
const color=await detectPhoneCaseColor;document.documentElement.style.setProperty;不过，}

二、AI时代的奇葩需求生存教程

1. 用 AI 做需求可行性分析

⚠️ 开发者痛点：面对未知或极端要求时往往没有足够时间评估技术可行性。AI 能一次性给出多种方案，让我们快速排除不可行选项。老实说，

AIGC Prompt 示例： "请帮忙分析实现一个功能。让使用者不打开 APP 就能看到 APP 内容。再看技术限制，不能用通知栏、不能用小组件、不能用悬浮窗。" AI 给出的方案列表…

2. 用 AI 生成功能 POC代码

🚀 开发者痛点：传统验证过程耗时半天以上。按理说，AI 编程助手可以在几分钟内生成可运行 Demo。明显提高验证效率，

AIGC Prompt 示例： "用 TensorFlow.js 实现摄像头实时颜色识别，返回 RGB 值。纯前端实现，不需要后端，" AI 返回完整 Demo…

3. 用 AI 写拒绝话术

AIGC Prompt 示例： "帮我写一段专业但委婉的话。向产品经理解释为什么'让 APP 在飞行模式下也能收消息' 技术上不可行，并给出替代方案。" 结果…

• "尊敬的产品经理，这一功能在当前 Web 技术架构下存在不可逾越的网络依赖瓶颈…"

三、我的奇葩需求应对 Checklist

# 步骤	动作 & 耗时
①先别急着说“做不了”，因为这会让客户失去信任而且浪费双方时间🔍
②用 AI 快速验证技术可行性🔎
③如果可行。出 POC 给产品看🚀
④如果不可行，写替代方案并提供成本预估📊
⑤用数据和 demo 向客户展示可落地方案🗣️
# 痛点	开放心态——不要把“不可能”当成终结，而是寻找新的实现方法； 快速验证——借助 AI 降低验证成本，让讨论从“是否能做”转为“如何最快完成”； 提供替代方案——即使拒绝，也能通过替代方案维护双方关系； 记录案例——每个奇葩都可能成为未来面试或项目迭代的关键素材。

四、那些被奇葩需求逼出来的创新 💡

• "让页面加载更快" → 催生了 SSR、ISR、SSG 等渲染方案；
• "让 APP 在后台也能运行" → 催生了 Service Worker、Web Workers；
• "让使用者不安装也能用" → 催生了 PWA、小程序；
• "让 AI 理解我的需求" → 催生了 Prompt Engineering。老实说，

🚀🌈

欢迎在评论区分享。如果这篇文章勾起你的回忆，请点赞支持一下吧 😊✨

。

---