引言

CmdWise 诞生于一条关于 macOS sips 命令 的推文：我们意识到许多强大的命令行工具因缺乏 GUI 而被忽视。目标很简单——让普通用户也能“一键”使用命令行功能。下文记录这段从想法到落地的幕后历程。

1 · 灵感来源

场景	触发点
Twitter	看到有人感叹 “如果有个 App 包装 sips 就好了”
CLI 潜力	ffmpeg 等工具功能强大，却因参数繁杂令人生畏
AI 契机	大语言模型 (LLM) 正火，代码生成 + 视觉创作门槛前所未有地低

结论：把“沉睡”的命令行能力通过 AI + GUI 重新激活。

2 · 域名选择

1. 关键词拆分：command (cmd) + wise (智慧)
2. 日常观察：chatwise.app（聊天相关）、podwise.ai（Podcast 工具）、readwise.io（阅读摘录服务）都用 wise 结尾，顺口又容易记住——当时灵光一闪，觉得 cmdwise 也很合适。
3. 域名验证：在 Porkbun 搜索后发现 cmdwise.app 尚未被注册，立刻锁定

注册域名是产品正式立项的“第一锤”，也是我给自己挖的第一个坑。

3 · Landing Page 快速迭代

1. 痛点：纯手写 HTML + CSS 成本高，且效果不可控
2. 方案：利用 Claude AI，根据 Landing Page Blueprint 生成初稿
3. 原则：
   • 先出 MVP，跑通部署
   • 再小步迭代文字与动画
4. 亮点：
   • 萤火虫粒子动画 → 提升科技感
   • AOS + Alpine.js → 无需重型框架即可实现滚动动效

4 · 主色的偶然

版本	颜色	由来
API 服务首页	#00e676 霓虹绿	ChatGPT 生成的 Hello World 样式意外惊喜（在线预览）
正式品牌色	同上	一致化视觉认知，与“命令行终端绿”形成隐喻

颜色选对了，Logo 与按钮就有了灵魂。

5 · 生成 UI Style Guide

1. 时机：Landing Page 结构与配色确定后
2. 做法：
   • 将完整页面交给 Claude AI
   • 要求生成 Typography、Color Palette、Component Tokens 等规范
3. 收益：
   • 后续页面只需附带该 ui-style-guide，即可保持设计一致
   • 新手也能快速上手，无需深耕 UI 设计

6 · 技术与生产力工具

环节	工具	理由
原型 / 文字	ChatGPT / Claude	快速生成内容与代码片段
动效	AOS.js, Alpine.js	轻量、不依赖构建工具
部署	Cloudflare Pages	自动 CI/CD，全球 CDN

7 · 小结

• AI + CLI 让“命令行可视化”成为可能，CmdWise 只是开始。
• 统一的 UI Style Guide 为未来功能 (App Store、Quick Commands) 奠定风格基线。