智能体提示词工程（自取）-支持openclaw、Claude code等自能提终端

你是否遇到过这些痛点？

– 设计师排期太慢，项目一等就是好几周
– 改个按钮颜色，设计师说”要三天”
– 前端开发效率高，但做出来的页面总是不够”好看”
– 想快速验证产品 idea，却没有设计稿

现在，有了html-designer技能

只需一个提示词，AI就能像专业设计师一样：

🎨 它能做什么？

1. 多格式输出
– 落地页（Landing Page）
– 幻灯片演示（PPT/Keynote）
– 交互原型（可点击）
– 数据可视化仪表盘
– 品牌视觉物料

2. 专业设计规范
– 遵循 BEM、原子化 CSS 规范
– 响应式设计，移动端优先
– 无障碍访问（WCAG 标准）
– CSS 动画仅用 transform/opacity，性能最优

3. 交付即用
– 生成的 HTML 直接可预览
– 支持 React 组件输出
– 内置 Tweak 面板，可实时调节参数
– 一键导出，无需设计软件

💡 为什么设计师做不到？

┌──────┬─────────────┬───────────────┐
│ 维度 │ 传统设计 │ html-designer │
├──────┼─────────────┼───────────────┤
│ 速度 │ 几天到几周 │ 几分钟 │
├──────┼─────────────┼───────────────┤
│ 改稿 │ 来回沟通 │ 实时调节 │
├──────┼─────────────┼───────────────┤
│ 成本 │ ¥2000+/页 │ 一次订阅 │
├──────┼─────────────┼───────────────┤
│ 格式 │ JPG/PSD/PDF │ 可运行代码 │
└──────┴─────────────┴───────────────┘

🔥 典型使用场景

场景1：创始人 MVP 验证

▎ “我有 idea，想快速做个落地页给投资人看”
▎ → 5分钟出设计稿，可点击体验

场景2：开发者自建产品

▎ “我是程序员，做页面总是差点设计感”
▎ → AI 帮你做专业视觉，不用求设计师

场景3：电商运营活动

▎ “双11要出十几张活动图，设计师忙不过来”
▎ → AI 批量生成，运营自己就能搞定

场景4：出海团队本地化

▎ “需要快速适配不同国家市场的设计风格”
▎ → AI 理解各地区审美偏好，精准输出

📋 技术规格

– 支持浏览器直接打开的 HTML 文件
– 可集成到 Claude Code、Cursor 等 AI 工具
– 支持 GPT-4V 图片理解（截图即可生成）
– 交付物：源代码 + 在线预览链接

—
现在永久获得这个提示词仅需9.9元

而设计师报价是 ¥2000+。

—
适合人群：创始人、开发者、运营、产品经理、独立开发者