A design skill that turn your feelings into UI and remembers it 是一个「skill」类 AI agent,解决:通过表达情绪快速生成符合心境的界面设计方案。定价:产品页未标明。截至 2026-09-10,KanonAgent 记录到 1 票。本站首次收录于 2026-08-19。
一个将情绪转化为 UI 设计的 AI 插件，用户通过表达感受即可生成对应风格的界面设计，并能记忆偏好，解决设计初期灵感匮乏的问题
1 票
Kanon 于 2026 年 8 月 19 日 收录
还没有信号事件 —— 状态是未知,不是「平静」。
📈 时间线什么时候变了什么
- 首次观测 Kanon 开始为它保留永久历史
🔎 已知 / 未知
23 个字段里 12 个未知
| 可机器调用 | — | 未知 | — |
| 开源 | 1 | 推断 | 1 条引文 |
| 可自托管 | 1 | 推断 | 1 条引文 |
| 需自带 key | — | 未知 | — |
| 自主度 | — | 未知 | — |
| 计费模式 | — | 未知 | — |
| 集成面 | claude-code,cursor,codex,gemini-cli | 推断 | 1 条引文 |
「未知」= 我们没核实过,**不等于「否」**。硬性筛选永远不会把未知当成否。
🤖 Agent 拆解 · skill
解决什么场景通过表达情绪快速生成符合心境的界面设计方案
前置条件开源 · 可自托管
集成面claude-code · cursor · codex · gemini-cli
牵引 · 为什么在涨PH票数1，无公开数据
为什么值得关注
将情感输入与视觉输出连接，是 AI 设计工具中极具创意的垂直切入点
证据引文判定所依据的原文 · 逐字引用
“public GitHub repository (README fetched)”— structural
“git clone https://github.com/MonkeyUI-dev/vibe-to-ui.git ~/.claude/skills/vibe-to-ui”— readme
“Works with Claude Code, Cursor, Codex, Gemini CLI, Kimi Code”— readme
“npx skills add MonkeyUI-dev/vibe-to-ui#v0.6.0”— readme
信号来源: Show HN
访问官网 →
📛 官方徽章挂到官网 / README
你是 A design skill 的作者?上面选样式,嵌入代码实时更新;要贴合站点配色可在 URL 上加 bg= / fg= / accent=(十六进制色)。徽章链回本页。
手机端点「分享」直达微信/朋友圈/小红书;桌面端用「复制文案」后到 App 内粘贴发布
常见问题
A design skill 是什么?
一个将情绪转化为 UI 设计的 AI 插件，用户通过表达感受即可生成对应风格的界面设计，并能记忆偏好，解决设计初期灵感匮乏的问题
A design skill 解决什么问题?
通过表达情绪快速生成符合心境的界面设计方案
A design skill 为什么值得关注?
将情感输入与视觉输出连接，是 AI 设计工具中极具创意的垂直切入点
A design skill 是开源的吗?
是。A design skill 为开源项目。
A design skill 能自托管吗?
可以。A design skill 支持自托管部署。
A design skill 能接哪些工具?
claude-code,cursor,codex,gemini-cli
A design skill 有多少人在用?
KanonAgent 记录到:1 票(本站首次收录于 2026-08-19)。
A design skill 有什么替代品?
KanonAgent 库内的同类 agent:open-design、deer-flow、Agent-Reach、ruflo、career-ops、orca。